{ "app": [ { "definition": { "appV2": { "type": "front-end", "id": "318b79a1-0f2d-4489-8859-02f20781aa6d", "name": "Promo Code Management (PostgreSQL)", "slug": "318b79a1-0f2d-4489-8859-02f20781aa6d", "isPublic": false, "isMaintenanceOn": false, "icon": "share", "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2024-04-30T08:26:07.270Z", "creationMode": "DEFAULT", "updatedAt": "2024-05-01T05:59:44.927Z", "editingVersion": { "id": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "name": "final", "definition": { "showViewerNavigation": false, "homePageId": "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d", "pages": { "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d": { "components": { "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8": { "id": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255815595649167, "width": 41, "height": 70 } } }, "2ffcfde1-a46f-4ba3-ae53-7175af02060d": { "id": "2ffcfde1-a46f-4ba3-ae53-7175af02060d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255818774724633, "width": 6, "height": 40 } }, "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8" }, "7fafb271-b2fa-4321-a377-3e4a235c623c": { "id": "7fafb271-b2fa-4321-a377-3e4a235c623c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo Code Management" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 69.76744229792882, "width": 12, "height": 40 } }, "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8" }, "72c19891-ab7b-4663-809c-e1fd15c82b22": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 110, "left": 2.3255813953488373, "width": 27, "height": 580 } }, "withDefaultChildren": false }, "5b21c491-8540-4df4-bc56-5ef9b3d18da8": { "id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 160, "left": 67.44186046511628, "width": 12.999999999999998, "height": 310 } } }, "25b9f572-8cd7-48b3-b399-3ccb6c80f433": { "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action button radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{true}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "id": "28f5b628-749e-493a-b307-63cdcc071a7f", "name": "promo code", "key": "promo_code", "columnType": "string", "autogenerated": true }, { "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8", "name": "discount value", "key": "discount_value", "columnType": "string", "autogenerated": true }, { "id": "66211b00-fdfe-4ee4-b656-02275a663665", "name": "free shipping", "key": "free_shipping", "columnType": "default", "autogenerated": true, "values": "{{[true, false]}}", "labels": "{{[\"Yes\", \"No\"]}}", "activeColor": "#3e63ddff", "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 132, "28f5b628-749e-493a-b307-63cdcc071a7f": 173, "66211b00-fdfe-4ee4-b656-02275a663665": 53 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226" } ], "position": "right" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "discount_type", "amount", "minimum_spend", "maximum_spend", "created_at", "valid_till", "updated_at", "updated_at", "free_shipping_bool" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 76, "left": 4.6511681997655385, "width": 39, "height": 470 } }, "withDefaultChildren": false }, "792c10c1-cf06-477b-98bd-d0aa13449910": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"active\"}}" }, "values": { "value": "{{[\"active\", \"inactive\"]}}" }, "display_values": { "value": "{{[\"Active\", \"Inactive\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 20, "left": 69.76743349695931, "width": 11.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "61a46182-92c6-49c4-9238-9681dd264a9c": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo codes available:" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 20, "left": 4.6511631854108115, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "58c73cbf-18df-4306-b27a-a2d01c568fb8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "e16f682b-0368-499a-9232-6b63e1413a91" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 67.44185505833316, "width": 12.999999999999998, "height": 40 } }, "withDefaultChildren": false }, "e16f682b-0368-499a-9232-6b63e1413a91": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 730, "left": 2.3255813953488373, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "cd50a657-b4a7-4263-9125-5fb9185422f1": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 10, "left": 4.651170456181344, "width": 38, "height": 40 } }, "withDefaultChildren": false }, "ad9066eb-e46c-4474-bcb5-f72e4263db60": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "ID :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 50, "left": 4.6511518558148035, "width": 18, "height": 30 } }, "withDefaultChildren": false }, "afce716e-3d80-4c37-a0ae-a230307a89ff": { "id": "afce716e-3d80-4c37-a0ae-a230307a89ff", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651149256140372, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "8f2dcd6a-829c-44e8-8014-6de63bed413f": { "id": "8f2dcd6a-829c-44e8-8014-6de63bed413f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT VALUE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 4.6511518558148035, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": { "id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "CREATED ON :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d396afee-afeb-4f6b-9fe6-f91544b7c566": { "id": "d396afee-afeb-4f6b-9fe6-f91544b7c566", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162790697674, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "aa458399-940f-4373-88af-ef9b30727bb0": { "id": "aa458399-940f-4373-88af-ef9b30727bb0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "11481730-3f62-481f-adf7-e81115c06ecc": { "id": "11481730-3f62-481f-adf7-e81115c06ecc", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "71138a31-fefc-4e5d-90c1-a6db58c063d1": { "id": "71138a31-fefc-4e5d-90c1-a6db58c063d1", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "8d336040-7fea-480b-be2a-ee1485302f97": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container4", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 480, "left": 67.44186046511628, "width": 12.999999999999998, "height": 210 } }, "withDefaultChildren": false }, "997f4acf-3168-4b28-a76b-534b8c1c0743": { "id": "997f4acf-3168-4b28-a76b-534b8c1c0743", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Final amount calculator" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 4.651162790697674, "width": 31, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a": { "id": "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo Code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 4.651170456181344, "width": 12.999999999999998, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "b423b98f-92fc-41f4-95f6-000da52ed5b0": { "id": "b423b98f-92fc-41f4-95f6-000da52ed5b0", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {} } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getPromoCodes.data.map((code) => code.id)}}" }, "display_values": { "value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 34.88372262026046, "width": 25, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "f8618a9e-e874-4d88-897e-944042130ab0": { "id": "f8618a9e-e874-4d88-897e-944042130ab0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cart value ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text20", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651170456181344, "width": 12.999999999999998, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "fa43050e-5984-429f-b539-074099b9e2eb": { "id": "fa43050e-5984-429f-b539-074099b9e2eb", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onChange", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {}, "debounce": "50" } ], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "99" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput2.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput2", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 100, "left": 34.88372262026046, "width": 25, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "a883b4f4-d471-4a91-bf17-9b7127f52586": { "id": "a883b4f4-d471-4a91-bf17-9b7127f52586", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider2", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 140, "left": 4.6511556885566385, "width": 38, "height": 10 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "723ba519-3250-410c-bb43-3dd5f9821307": { "id": "723ba519-3250-410c-bb43-3dd5f9821307", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Final amount ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text21", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 4.651153545842702, "width": 15.000000000000002, "height": 30 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "dadf3050-8808-439a-b4e6-08c996c0bf68": { "id": "dadf3050-8808-439a-b4e6-08c996c0bf68", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown3.value != undefined ? queries.calculateFinalAmount.data.finalValue : \"0\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text22", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 39.53488372093023, "width": 23, "height": 30 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "795cd997-1cd5-4a87-a221-fa605c3baa06": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text23", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 50, "left": 48.83721538843795, "width": 19, "height": 30 } }, "withDefaultChildren": false }, "7e51ca19-d1ad-42b7-9939-eba56e2139f4": { "id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text24", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": { "id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text25", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "cdcf3874-788e-49a3-8101-33a0d9710f99": { "id": "cdcf3874-788e-49a3-8101-33a0d9710f99", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.table1.selectedRow.created_at, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text26", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "e3a7589d-f336-4b85-ae69-a0e1dc757c63": { "id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.table1.selectedRow.valid_till, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text27", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d60b43f3-1661-424c-bd9e-2e55d8f05e22": { "id": "d60b43f3-1661-424c-bd9e-2e55d8f05e22", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \"  \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text28", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "789e977f-acb3-4912-a078-8a8ff620e850": { "id": "789e977f-acb3-4912-a078-8a8ff620e850", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text29", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "45db325e-7aa1-4c46-9b33-91ccf17afe76": { "id": "45db325e-7aa1-4c46-9b33-91ccf17afe76", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "f989e765-4231-4a4e-9bb0-87edf4ad9c7f": { "id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 4.651162790697675, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "cdeddc9c-5023-4048-80ce-9bc01663cef9": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter promo code" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 25.581395346098788, "width": 17, "height": 40 } }, "withDefaultChildren": false }, "380b4870-818e-440f-806a-dc9ae5e1e6a3": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "generatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Generate code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 65.11629539484923, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": { "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)." } }, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 90.69767122377431, "width": 2, "height": 40 } }, "withDefaultChildren": false }, "b01f0cad-7de7-47ae-ae40-82ab305e2d12": { "id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651162506266984, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "9245395b-3876-4734-acc0-6582dd57870e": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "control-component", "message": "Hello world!", "alertType": "info" } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "percent" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown4", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 25.58139595221208, "width": 17, "height": 40 } }, "withDefaultChildren": false }, "ce2797f3-e593-4259-abb8-ce6785a845d1": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}" }, "maxValue": { "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}" }, "minValue": { "value": "1" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput3", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 65.11625539117162, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "ce888918-f6cd-428d-9968-a67ff29b4e75": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 90.69767485756182, "width": 2, "height": 40 } }, "withDefaultChildren": false }, "38daeae7-7a68-42b2-9bca-1067868eb83a": { "id": "38daeae7-7a68-42b2-9bca-1067868eb83a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162932854896, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "055d88a5-d62a-4848-afc9-d2b7e51847d0": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown5", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 170, "left": 25.581418019395514, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "ed7b0be3-f412-4f8a-82de-603d887ee06f": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}" }, "maxValue": { "value": "99999" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput4", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 170, "left": 65.11627782060043, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "5f60b7a2-675f-4e6c-8861-c4ab363cae3b": { "id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 60.46511827264033, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "e26de292-20fa-45cd-ae48-51d3dc1b980f": { "id": "e26de292-20fa-45cd-ae48-51d3dc1b980f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": { "id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown6", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 25.58138499611037, "width": 13, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "6b75036b-a0ae-486e-9adb-1ef35d5382b5": { "id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 60.46511069707219, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "6eca96f9-5602-4199-88f0-36a8b302bc35": { "id": "6eca96f9-5602-4199-88f0-36a8b302bc35", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "" } }, "exposedVariables": {} }, "name": "numberinput5", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 240, "left": 65.11626117041483, "width": 10, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "4c6b810b-9d09-4121-9026-c3b1fb717302": { "id": "4c6b810b-9d09-4121-9026-c3b1fb717302", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text38", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.6511615510529305, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "74bf5455-9aef-419a-b83f-1892edb4e2b3": { "id": "74bf5455-9aef-419a-b83f-1892edb4e2b3", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown7", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 25.581389164325977, "width": 13, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": { "id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text39", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "4b50dcfd-cf36-44af-87fa-ee05a8112fbb": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "properties": { "defaultValue": { "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 380, "left": 25.581393180600156, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "4ad7daef-6186-47cf-b759-8c35d2e77cfa": { "id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "exposedVariables": {} }, "name": "image2", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 380, "left": 58.139524728971374, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": { "id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "exposedVariables": {} }, "name": "image3", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 240, "left": 90.69767030875896, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "199a8791-16ab-4bb5-90b8-c320e4b6e6c5": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider3", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 440, "left": 2.3255811419964743, "width": 41, "height": 10 } }, "withDefaultChildren": false }, "670170a2-52be-4deb-a897-ac6bf33c5ada": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "createPromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Create" }, "loadingState": { "value": "{{queries.createPromoCode.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 470, "left": 79.06975049651071, "width": 7.000000000000001, "height": 40 } }, "withDefaultChildren": false }, "b0afdbe3-5c29-40be-a70f-08458617c01f": { "id": "b0afdbe3-5c29-40be-a70f-08458617c01f", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "e16f682b-0368-499a-9232-6b63e1413a91" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 60.465109099446764, "width": 7, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "e7a57306-3d46-41e2-b240-2fc6b5f20226": { "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Edit Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "exposedVariables": {} }, "name": "modal2", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 730, "left": 18.604656027099054, "width": 6, "height": 40 } } }, "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": { "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text40", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 4.651162790697675, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": { "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text41", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651162506266984, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "67d1a89c-81aa-41a7-89d8-595ae1b483f3": { "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "control-component", "message": "Hello world!", "alertType": "info" } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.discount_type}}" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown8", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 25.581393521814153, "width": 17, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": { "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.amount}}" }, "maxValue": { "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}" }, "minValue": { "value": "1" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput6", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 100, "left": 65.11626481525688, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "6c953707-f69d-47a9-9015-a582ed609bcd": { "id": "6c953707-f69d-47a9-9015-a582ed609bcd", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text42", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 90.69767764424473, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "56139e54-501c-4951-a060-fa0d180ed6ad": { "id": "56139e54-501c-4951-a060-fa0d180ed6ad", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text43", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162932854896, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": { "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.minimum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown9", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 25.581401911408808, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "30c53546-7857-44c3-be96-70c1662df2d4": { "id": "30c53546-7857-44c3-be96-70c1662df2d4", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown9.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}" }, "maxValue": { "value": "99999" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput7.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput7", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 170, "left": 65.11628599331276, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "061db4d4-a8f2-40aa-9ce8-427390417bf0": { "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text44", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 60.46511827264033, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "9d58477b-50cd-4b84-8dd6-1231570d0774": { "id": "9d58477b-50cd-4b84-8dd6-1231570d0774", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text45", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "8529396e-2c59-437e-a014-3a3033c49d80": { "id": "8529396e-2c59-437e-a014-3a3033c49d80", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.maximum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown10", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 25.58137657187239, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": { "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text46", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 60.46511069707219, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "1749184e-e330-4679-a3d4-671ce372274f": { "id": "1749184e-e330-4679-a3d4-671ce372274f", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown10.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput8.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "" } }, "exposedVariables": {} }, "name": "numberinput8", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 240, "left": 65.11629197312911, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "19d354ef-63f7-4c85-a641-115769247cc0": { "id": "19d354ef-63f7-4c85-a641-115769247cc0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text47", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.6511615510529305, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "12059aed-6846-44d9-8d8d-98003036ef2b": { "id": "12059aed-6846-44d9-8d8d-98003036ef2b", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.free_shipping_bool}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown11", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 25.581399583203897, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "fb524a89-e03b-433a-8a94-f61ebd99bd36": { "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text48", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "41d423dd-e348-4684-a835-b3dc56be730c": { "id": "41d423dd-e348-4684-a835-b3dc56be730c", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.valid_till}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker2", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 380, "left": 25.58139095173029, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": { "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "exposedVariables": {} }, "name": "image5", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 380, "left": 58.13952912432483, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ca410b25-e7b7-413f-a01e-cccf62efa204": { "id": "ca410b25-e7b7-413f-a01e-cccf62efa204", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "exposedVariables": {} }, "name": "image6", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 240, "left": 90.69766853643817, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "798a2874-8880-410d-86ca-8466e7a7f53f": { "id": "798a2874-8880-410d-86ca-8466e7a7f53f", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider4", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 440, "left": 2.3255811419964743, "width": 41, "height": 10 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ec924236-9797-491e-bca5-6fab6711f2da": { "id": "ec924236-9797-491e-bca5-6fab6711f2da", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "updatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updatePromoCode.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button6", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 79.0697419241573, "width": 7.000000000000001, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "cb71d470-0254-4fa8-92d9-735a91f5f66e": { "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button7", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 60.46510115735242, "width": 7, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#8888881a" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "  {{components.table1.selectedRow.promo_code}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text49", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226", "layouts": { "desktop": { "top": 30, "left": 25.58139644141283, "width": 30, "height": 40 } }, "withDefaultChildren": false }, "c3abc934-592d-4051-bb65-9918c92cbf5b": { "id": "c3abc934-592d-4051-bb65-9918c92cbf5b", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable." } }, "exposedVariables": {} }, "name": "image7", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 86.04651162790697, "width": 3, "height": 20 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "#2f3c4c", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "pageSettings": { "properties": { "disableMenu": { "value": "{{true}}", "fxActive": false } } }, "showViewerNavigation": false, "homePageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "appId": "318b79a1-0f2d-4489-8859-02f20781aa6d", "currentEnvironmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "promotedFrom": null, "createdAt": "2024-04-30T08:26:07.289Z", "updatedAt": "2024-05-09T06:13:24.100Z" }, "components": [ { "id": "c96e7c19-75dd-4382-bd3d-2227604ece95", "name": "button2", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "Generate code" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "2b4a9fbc-1cf8-4e5b-86d0-37608ebaa63c", "type": "desktop", "top": 30, "left": 28, "width": 10, "height": 40, "componentId": "c96e7c19-75dd-4382-bd3d-2227604ece95", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "1068c434-2617-4fc6-adf0-a56c785562de", "name": "button4", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "fad86098-0331-4117-8788-d08b7171a4e5", "type": "desktop", "top": 470, "left": 26, "width": 7, "height": 40, "componentId": "1068c434-2617-4fc6-adf0-a56c785562de", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "c0bd7001-0da0-4f8d-827c-83d89a584013", "name": "button3", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "Create" }, "loadingState": { "value": "{{queries.createPromoCode.isLoading}}", "fxActive": true }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}", "fxActive": true }, "tooltip": { "value": "" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "ef4f7063-07c5-4e33-a574-baa89c32ca9b", "type": "desktop", "top": 470, "left": 34, "width": 7.000000000000001, "height": 40, "componentId": "c0bd7001-0da0-4f8d-827c-83d89a584013", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "b8a25821-02cb-4a85-8c4f-6b61c08a1056", "name": "textinput1", "type": "TextInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter promo code" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "label": "" }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "#fff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "cc49837d-c8a7-45e9-84b4-8461649f0fa7", "type": "desktop", "top": 30, "left": 11, "width": 17, "height": 40, "componentId": "b8a25821-02cb-4a85-8c4f-6b61c08a1056", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "388915a0-e87d-418b-af7d-917d93da219d", "name": "button7", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "37ba2626-45bb-45f4-a522-224d12667885", "type": "desktop", "top": 470, "left": 26, "width": 7, "height": 40, "componentId": "388915a0-e87d-418b-af7d-917d93da219d", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "667920e8-8475-4537-a9b6-1b2a5428b803", "name": "button6", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updatePromoCode.isLoading}}", "fxActive": true }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "339ba01d-7564-4a16-ae8e-3c8f7983d945", "type": "desktop", "top": 470, "left": 34, "width": 7.000000000000001, "height": 40, "componentId": "667920e8-8475-4537-a9b6-1b2a5428b803", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "14344e97-0687-479e-9a55-596cf61dda2b", "name": "numberinput6", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "value": { "value": "{{components.table1.selectedRow.amount}}" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "cb7b35ca-65b4-4ccd-a8a2-8941fb14b43f", "type": "desktop", "top": 100, "left": 28, "width": 10, "height": 40, "componentId": "14344e97-0687-479e-9a55-596cf61dda2b", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "149e73bf-4ad5-42d5-b034-7811eb4df5c0", "name": "dropdown8", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.discount_type}}" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "a62e9a21-0b31-45ee-ad58-00547cbcd4fc", "type": "desktop", "top": 100, "left": 11, "width": 17, "height": 40, "componentId": "149e73bf-4ad5-42d5-b034-7811eb4df5c0", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "26310e5d-be67-453e-957c-83aff66132a1", "name": "datepicker1", "type": "Datepicker", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "defaultValue": { "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "5856e915-f84f-4d4b-b7d2-9241a0a4354b", "type": "desktop", "top": 380, "left": 11, "width": 13, "height": 40, "componentId": "26310e5d-be67-453e-957c-83aff66132a1", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "ccc9510d-4df0-4ab7-b58c-f715babcec13", "name": "dropdown7", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "54da1fda-8baf-42bb-9c4c-69bc7c4a6a95", "type": "desktop", "top": 310, "left": 11, "width": 13, "height": 40, "componentId": "ccc9510d-4df0-4ab7-b58c-f715babcec13", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a0f9ea16-82e4-4a2c-8cdc-4588430ea556", "name": "dropdown6", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "43aa0510-beff-46d8-9f6e-fdf8de7f77dc", "type": "desktop", "top": 240, "left": 11, "width": 13, "height": 40, "componentId": "a0f9ea16-82e4-4a2c-8cdc-4588430ea556", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a42fe37b-70d3-480a-9be2-9cb4317e8c47", "name": "dropdown5", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "0f4aeb3e-89b1-4fb6-87cd-cf5dd3268189", "type": "desktop", "top": 170, "left": 11, "width": 13, "height": 40, "componentId": "a42fe37b-70d3-480a-9be2-9cb4317e8c47", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "375a99f4-d938-4625-b1fe-71d069c310cf", "name": "numberinput3", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "value": { "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "7f48c495-bb5f-48d4-8c9d-54bd0391381c", "type": "desktop", "top": 100, "left": 28, "width": 10, "height": 40, "componentId": "375a99f4-d938-4625-b1fe-71d069c310cf", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "93c58cf9-b3c0-4398-982c-58f0dc8bbb18", "name": "dropdown4", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "percent" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-09T06:04:18.394Z", "layouts": [ { "id": "c1b4722d-a6e8-4962-8ddd-ed752858a64f", "type": "desktop", "top": 100, "left": 11, "width": 17, "height": 40, "componentId": "93c58cf9-b3c0-4398-982c-58f0dc8bbb18", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "1cc9a2c5-957b-46a8-a3b3-212997ce1c37", "name": "datepicker2", "type": "Datepicker", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "defaultValue": { "value": "{{moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.valid_till).format(\"DD/MM/YYYY\")}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:14:56.911Z", "layouts": [ { "id": "302c6d45-5d8f-4c51-98c4-14d9f8409e91", "type": "desktop", "top": 380, "left": 11, "width": 13, "height": 40, "componentId": "1cc9a2c5-957b-46a8-a3b3-212997ce1c37", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "38bbc303-30ca-40c0-a03c-fc671123ea19", "name": "dropdown11", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.free_shipping_bool}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "c9ea6ee7-3d7c-4259-8c75-0707810683f0", "type": "desktop", "top": 310, "left": 11, "width": 13, "height": 40, "componentId": "38bbc303-30ca-40c0-a03c-fc671123ea19", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "210e6351-a82f-4cf8-992f-c559040240e4", "name": "modal2", "type": "Modal", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "title": { "value": "Edit Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-06T18:15:49.061Z", "layouts": [ { "id": "70b5edad-84ee-4f08-b92f-7f62aa15c8e1", "type": "desktop", "top": 890, "left": 8, "width": 6, "height": 40, "componentId": "210e6351-a82f-4cf8-992f-c559040240e4", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "7331c813-ed49-4eba-9cce-1c5b1ed9e755", "name": "dropdown9", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.minimum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "42acc796-2e2b-4187-bbe2-eebcce48d212", "type": "desktop", "top": 170, "left": 11, "width": 13, "height": 40, "componentId": "7331c813-ed49-4eba-9cce-1c5b1ed9e755", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "520a79cf-1abe-443c-9c1b-c11a5767a05b", "name": "text49", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "  {{components.table1.selectedRow.promo_code}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#8888881a" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "3fdfd664-bdb7-42b6-a000-59f1ddda2ad2", "type": "desktop", "top": 30, "left": 11, "width": 30, "height": 40, "componentId": "520a79cf-1abe-443c-9c1b-c11a5767a05b", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "e7785fd3-ce06-44af-9d6f-fe42d07c38c9", "name": "dropdown10", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.maximum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "1443a0f2-33a8-471d-bb8c-bfc14ec6d600", "type": "desktop", "top": 240, "left": 11, "width": 13, "height": 40, "componentId": "e7785fd3-ce06-44af-9d6f-fe42d07c38c9", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "9e82b6df-e10a-4f40-bbe2-dc54209758ad", "name": "text22", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "text": { "value": "{{components.696c5e76-ed1d-43ae-8291-b75f10666a29.value != undefined ? queries.97a3fad4-ce00-496b-9335-5019dcc4aa3d.data.finalValue.toFixed(2) : \"0\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" }, "verticalAlignment": { "value": "center" }, "padding": { "value": "default" }, "borderColor": { "value": "" }, "borderRadius": { "value": "{{6}}" }, "isScrollRequired": { "value": "enabled" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:18:14.099Z", "layouts": [ { "id": "16051f1a-1e37-4d60-a916-e4f5a9e18b66", "type": "desktop", "top": 170, "left": 17, "width": 22.999999999999996, "height": 40, "componentId": "9e82b6df-e10a-4f40-bbe2-dc54209758ad", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "932a2264-c43f-45d5-a6cb-3a0505b0bbfb", "name": "text21", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "text": { "value": "Final amount ($)" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "f6d283dd-25fa-4814-9c4c-1665882fae33", "type": "desktop", "top": 170, "left": 2, "width": 15, "height": 40, "componentId": "932a2264-c43f-45d5-a6cb-3a0505b0bbfb", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "80f85408-4409-4188-8d35-2d3f12d7f8b4", "name": "button1", "type": "Button", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "text": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-11-10T20:25:24.262Z", "layouts": [ { "id": "89261b6d-9dda-478c-ba91-e9cf84526336", "type": "desktop", "top": 110, "left": 29, "width": 13, "height": 40, "componentId": "80f85408-4409-4188-8d35-2d3f12d7f8b4", "dimensionUnit": "count", "updatedAt": "2024-12-03T21:57:49.988Z" } ] }, { "id": "af35eba4-ad7c-47c6-8a14-04c431ecec76", "name": "table1", "type": "Table", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632", "properties": { "loadingState": { "value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}" }, "columns": { "value": [ { "id": "28f5b628-749e-493a-b307-63cdcc071a7f", "name": "promo code", "key": "promo_code", "columnType": "string" }, { "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8", "name": "discount value", "key": "discount_value", "columnType": "string", "transformation": "{{rowData.discount_type == \"fixed\" ? \"$\" + cellValue : cellValue + \"%\"}}" }, { "id": "66211b00-fdfe-4ee4-b656-02275a663665", "name": "free shipping", "key": "free_shipping", "columnType": "string", "autogenerated": true, "values": "{{[true, false]}}", "labels": "{{[\"Yes\", \"No\"]}}", "activeColor": "#3e63ddff", "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}", "fxActiveFields": [ "textColor" ] } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 186, "28f5b628-749e-493a-b307-63cdcc071a7f": 249, "66211b00-fdfe-4ee4-b656-02275a663665": 84 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226" } ], "position": "right" } ] }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "discount_type", "amount", "minimum_spend", "maximum_spend", "created_at", "valid_till", "updated_at", "updated_at", "free_shipping_bool", "id" ] }, "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email', id: '1'}, {name: 'Full name', key: 'name', id: '2', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "{{10}}" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{true}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "isAllColumnsEditable": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "actionButtonRadius": { "value": "50" }, "borderRadius": { "value": "10" }, "textColor": { "value": "#000" }, "columnHeaderWrap": { "value": "fixed" }, "cellSize": { "value": "regular" }, "tableType": { "value": "table-classic" }, "maxRowHeight": { "value": "auto" }, "maxRowHeightValue": { "value": "{{0}}" }, "contentWrap": { "value": "{{true}}" }, "boxShadow": { "value": "0px 0px 0px 0px #00000090" }, "padding": { "value": "default" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:20:00.454Z", "layouts": [ { "id": "556a49e4-4eb8-4b25-a156-cd94269b93dd", "type": "desktop", "top": 70, "left": 1, "width": 41, "height": 500, "componentId": "af35eba4-ad7c-47c6-8a14-04c431ecec76", "dimensionUnit": "count", "updatedAt": "2024-12-03T22:19:32.967Z" } ] }, { "id": "16aa66c7-8c5d-4f71-a09d-33ca3c5f765d", "name": "divider4", "type": "Divider", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "d6adb250-d3b0-4081-bfb1-fed4f04e3f5f", "type": "desktop", "top": 440, "left": 1, "width": 41, "height": -1, "componentId": "16aa66c7-8c5d-4f71-a09d-33ca3c5f765d", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a75b5c56-5006-4a78-b273-c32531fc3213", "name": "dropdown1", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"active\"}}" }, "values": { "value": "{{[\"active\", \"inactive\"]}}" }, "display_values": { "value": "{{[\"Active\", \"Inactive\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "609b1421-2413-4d81-ad47-5c062b1746b8", "type": "desktop", "top": 20, "left": 31, "width": 11.000000000000002, "height": 40, "componentId": "a75b5c56-5006-4a78-b273-c32531fc3213", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "07ae4695-9925-43b2-b9c5-f7a05382f248", "name": "text3", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632", "properties": { "text": { "value": "Promo codes available:" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "18" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" }, "verticalAlignment": { "value": "center" }, "padding": { "value": "default" }, "borderColor": { "value": "" }, "borderRadius": { "value": "{{6}}" }, "isScrollRequired": { "value": "enabled" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:19:21.098Z", "layouts": [ { "id": "97534d94-47e2-4a2c-abe5-7e0b0bfc6d72", "type": "desktop", "top": 20, "left": 1, "width": 14.000000000000002, "height": 40, "componentId": "07ae4695-9925-43b2-b9c5-f7a05382f248", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "0aed0d97-ee66-415f-98ea-4c70a279d129", "name": "modal1", "type": "Modal", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "title": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "28f077d5-f0e5-4526-91e9-680fad6126f9", "type": "desktop", "top": 890, "left": 1, "width": 6, "height": 40, "componentId": "0aed0d97-ee66-415f-98ea-4c70a279d129", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "name": "container4", "type": "Container", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "b3b36bab-9e37-464a-8bde-a5f8faf08403", "type": "desktop", "top": 480, "left": 29, "width": 13, "height": 230, "componentId": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "b7aba0cc-b2fc-4418-8cf8-2fe79cb8bf9d", "name": "divider2", "type": "Divider", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "0e888d28-7a8c-466b-9071-0de1e5aa4dc2", "type": "desktop", "top": 150, "left": 2, "width": 38, "height": 10, "componentId": "b7aba0cc-b2fc-4418-8cf8-2fe79cb8bf9d", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "f5920aa5-6bdc-4bab-8db8-68208dfe8e0e", "name": "text31", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "6fb753f9-5527-45ab-b87a-2e8000f82f7d", "type": "desktop", "top": 30, "left": 2, "width": 9, "height": 40, "componentId": "f5920aa5-6bdc-4bab-8db8-68208dfe8e0e", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "7995b60a-9262-4246-a9f0-b34610ebdf39", "name": "container3", "type": "Container", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "86b697b1-d96a-4e1e-9de6-248c9c3465fd", "type": "desktop", "top": 160, "left": 29, "width": 12.999999999999998, "height": 310, "componentId": "7995b60a-9262-4246-a9f0-b34610ebdf39", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "077c3b67-0de4-4302-bf71-dec047293e3b", "name": "image1", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)." } }, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "f089d237-fc93-4e97-a2b0-0fa9c9423dba", "type": "desktop", "top": 30, "left": 39, "width": 2, "height": 40, "componentId": "077c3b67-0de4-4302-bf71-dec047293e3b", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "6a4b76b4-eb9f-42bd-8899-f34dc8a33e53", "name": "text32", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "4846c911-62f3-429a-a80d-f44e6afde234", "type": "desktop", "top": 100, "left": 2, "width": 9, "height": 40, "componentId": "6a4b76b4-eb9f-42bd-8899-f34dc8a33e53", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "12458af5-6f4b-4d4d-a191-00f95f40848e", "name": "text34", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "6dcb0f5b-8781-467d-868a-44942c02ea70", "type": "desktop", "top": 100, "left": 39, "width": 2, "height": 40, "componentId": "12458af5-6f4b-4d4d-a191-00f95f40848e", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "91ed1bf0-900d-4d72-9d89-d38cc9d4fde8", "name": "text33", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "da2f9f3d-17a1-4808-9d00-c54422fe0ce7", "type": "desktop", "top": 170, "left": 2, "width": 9, "height": 40, "componentId": "91ed1bf0-900d-4d72-9d89-d38cc9d4fde8", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "f7fd2955-ed42-4c38-8b3e-1bf34803222a", "name": "text36", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "788487f1-bc0b-4b37-a59d-c053a9bfe369", "type": "desktop", "top": 240, "left": 2, "width": 9, "height": 40, "componentId": "f7fd2955-ed42-4c38-8b3e-1bf34803222a", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "4d242ae8-f1d1-41f5-9bfb-77d31eb50364", "name": "text37", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "8b7fd98e-d676-4565-9ee9-14b80d3f6ff4", "type": "desktop", "top": 240, "left": 26, "width": 2, "height": 40, "componentId": "4d242ae8-f1d1-41f5-9bfb-77d31eb50364", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "cf0c1cad-5b99-4ef2-955a-75a7472789e8", "name": "numberinput5", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "value": { "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true }, "tooltip": { "value": "" }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "9a4c14f9-f007-4548-80b5-8d85db5b0a62", "type": "desktop", "top": 240, "left": 28, "width": 10, "height": 40, "componentId": "cf0c1cad-5b99-4ef2-955a-75a7472789e8", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "2e1c0842-eff6-4260-8a32-d932062d4ba1", "name": "text38", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "f074890a-4b5d-4d74-b363-20d578ab13ed", "type": "desktop", "top": 310, "left": 2, "width": 9, "height": 40, "componentId": "2e1c0842-eff6-4260-8a32-d932062d4ba1", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "d95bd088-0329-4341-ac5f-0ff8a48e98a1", "name": "text39", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "8dde5bc3-f6f3-45b0-99ca-063fcf79929e", "type": "desktop", "top": 380, "left": 2, "width": 9, "height": 40, "componentId": "d95bd088-0329-4341-ac5f-0ff8a48e98a1", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "9df92a6e-fc6d-430e-bcc8-a475c813497f", "name": "numberinput4", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "value": { "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "99999" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "45dfed12-79a2-457e-9deb-3606d1ad3dba", "type": "desktop", "top": 170, "left": 28, "width": 10, "height": 40, "componentId": "9df92a6e-fc6d-430e-bcc8-a475c813497f", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "563f7cf1-b573-42b6-9622-75e185cb86bf", "name": "image3", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "bff48ca5-089c-4370-97f0-d3d0f31318d9", "type": "desktop", "top": 240, "left": 39, "width": 2, "height": 40, "componentId": "563f7cf1-b573-42b6-9622-75e185cb86bf", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "2bf7f103-bc79-4b98-a653-c49941b6b5cb", "name": "divider3", "type": "Divider", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "5999c1fb-0843-4892-90eb-8760305df0d4", "type": "desktop", "top": 440, "left": 1, "width": 41, "height": 10, "componentId": "2bf7f103-bc79-4b98-a653-c49941b6b5cb", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "7445bb90-1130-4bb2-aea2-67d2af496511", "name": "text40", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "ba68b549-e5f7-4f43-9fbb-eeeb2d770a80", "type": "desktop", "top": 30, "left": 2, "width": 9, "height": 40, "componentId": "7445bb90-1130-4bb2-aea2-67d2af496511", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "acbb04b3-5860-436e-8abf-4c33f5d2f922", "name": "text41", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "5c9156ea-50df-4ee8-8602-ad199ff20bd1", "type": "desktop", "top": 100, "left": 2, "width": 9, "height": 40, "componentId": "acbb04b3-5860-436e-8abf-4c33f5d2f922", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "005b38da-843e-4b53-abe2-358f076aa2ca", "name": "text42", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "fcac5c1b-3cdb-420c-bebe-2816f843a102", "type": "desktop", "top": 100, "left": 39, "width": 2, "height": 40, "componentId": "005b38da-843e-4b53-abe2-358f076aa2ca", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "55abbf88-dab5-447b-8070-5c7b78422073", "name": "text43", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "9c46f91a-7c97-430e-8731-92598cda2fa6", "type": "desktop", "top": 170, "left": 2, "width": 9, "height": 40, "componentId": "55abbf88-dab5-447b-8070-5c7b78422073", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "14ec677a-f8ca-41e8-af99-a623396ed218", "name": "numberinput7", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "value": { "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}" }, "placeholder": { "value": "{{components.numberinput7.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown9.value}}", "fxActive": true }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "99999" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "f0453054-ea6f-4d40-9de9-e757d67d4654", "type": "desktop", "top": 170, "left": 28, "width": 10, "height": 40, "componentId": "14ec677a-f8ca-41e8-af99-a623396ed218", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "77f39fb3-07c1-40cb-bc6e-beed4db386fa", "name": "text44", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "c6d726ee-6eb9-4c49-8f0a-a53fe4cea071", "type": "desktop", "top": 170, "left": 26, "width": 2, "height": 40, "componentId": "77f39fb3-07c1-40cb-bc6e-beed4db386fa", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "fa25597b-5f17-456a-89b3-bd009fc5b6d2", "name": "text45", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "7660e827-d6ef-49d3-8b79-d757b231f34c", "type": "desktop", "top": 240, "left": 2, "width": 9, "height": 40, "componentId": "fa25597b-5f17-456a-89b3-bd009fc5b6d2", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "4de11b92-27aa-4fea-942b-28e2cfa403e8", "name": "text46", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "45b4d1e9-abf3-4aec-b472-d81260429f35", "type": "desktop", "top": 240, "left": 26, "width": 2, "height": 40, "componentId": "4de11b92-27aa-4fea-942b-28e2cfa403e8", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "3ae01e5b-bb00-442c-a5e5-bee34b03c14e", "name": "numberinput8", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "value": { "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}" }, "placeholder": { "value": "{{components.numberinput8.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown10.value}}", "fxActive": true }, "tooltip": { "value": "" }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "f48050d6-213f-4b6d-a543-5ecba0627eb8", "type": "desktop", "top": 240, "left": 28, "width": 10, "height": 40, "componentId": "3ae01e5b-bb00-442c-a5e5-bee34b03c14e", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "c4a9e092-e2b0-45fd-91db-ec676bdde112", "name": "text10", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "06c84e2b-dd84-4e66-b8a8-11f39f33e61c", "type": "desktop", "top": 200, "left": 2, "width": 18, "height": 30, "componentId": "c4a9e092-e2b0-45fd-91db-ec676bdde112", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "c26039e9-ff2d-4ec4-b352-f089088c62e7", "name": "text48", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "92e827dd-97fc-4da9-8d62-dc55697b6905", "type": "desktop", "top": 380, "left": 2, "width": 9, "height": 40, "componentId": "c26039e9-ff2d-4ec4-b352-f089088c62e7", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "60fea134-1250-49de-8498-0bdb59f30b7b", "name": "image5", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "9b557534-c012-43ae-8658-a991a346605a", "type": "desktop", "top": 380, "left": 25, "width": 2, "height": 40, "componentId": "60fea134-1250-49de-8498-0bdb59f30b7b", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a87b0db6-4f1e-4d16-976a-1c455a3c4832", "name": "image6", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "7c44aee4-7c0d-4b82-b75c-eb028d7a555a", "type": "desktop", "top": 240, "left": 39, "width": 2, "height": 40, "componentId": "a87b0db6-4f1e-4d16-976a-1c455a3c4832", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "63ea4aed-cb89-4b22-a97c-cf64fd7b742b", "name": "image7", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable." } }, "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "ad0d7682-6260-44ce-b552-93fba149b856", "type": "desktop", "top": 20, "left": 37, "width": 3, "height": 20, "componentId": "63ea4aed-cb89-4b22-a97c-cf64fd7b742b", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "ab4a92ca-091d-4408-94a1-9d3b7d804392", "name": "text35", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "e94bc7fa-015c-4bce-b15c-e13709146c8e", "type": "desktop", "top": 170, "left": 26, "width": 2, "height": 40, "componentId": "ab4a92ca-091d-4408-94a1-9d3b7d804392", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "9ee7a9e8-a821-4bf7-8bc7-d06431ad5451", "name": "image2", "type": "Image", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129", "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "styles": {}, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "635b339d-8c9d-448a-a6af-3e10fa9449be", "type": "desktop", "top": 380, "left": 25, "width": 2, "height": 40, "componentId": "9ee7a9e8-a821-4bf7-8bc7-d06431ad5451", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "3192a9dd-2a9e-4d67-8697-6c54d59365fa", "name": "text47", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "210e6351-a82f-4cf8-992f-c559040240e4", "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "03e5f35c-81a9-4b94-ad89-76210185fd02", "type": "desktop", "top": 310, "left": 2, "width": 9, "height": 40, "componentId": "3192a9dd-2a9e-4d67-8697-6c54d59365fa", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "eb97a82d-d525-4e9a-8a79-d12abe57ae18", "name": "text5", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "ID :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "5a6be065-6669-4f3c-9626-89c746b034c8", "type": "desktop", "top": 50, "left": 2, "width": 18, "height": 30, "componentId": "eb97a82d-d525-4e9a-8a79-d12abe57ae18", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "dbdc6560-f45d-4c27-9193-8dd571019c0f", "name": "text8", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "CREATED ON :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "e268a431-3959-4943-810b-61b9ecaa5289", "type": "desktop", "top": 140, "left": 2, "width": 18, "height": 30, "componentId": "dbdc6560-f45d-4c27-9193-8dd571019c0f", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "b7999bf6-8e1d-422a-a3e7-da20c1b46e60", "name": "text1", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "d8574918-b1f5-42d6-968a-40b5e36aa9d7", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "20bf547f-c408-459b-b014-64a4cb8b6c9f", "type": "desktop", "top": 10, "left": 1, "width": 6, "height": 40, "componentId": "b7999bf6-8e1d-422a-a3e7-da20c1b46e60", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "ad269c12-036d-4dd8-bda9-62e3413b41ad", "name": "text2", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "d8574918-b1f5-42d6-968a-40b5e36aa9d7", "properties": { "text": { "value": "Promo Code Management" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "02d4b057-f7b9-43e2-8414-e44e99ffcc23", "type": "desktop", "top": 10, "left": 30, "width": 12, "height": 40, "componentId": "ad269c12-036d-4dd8-bda9-62e3413b41ad", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "0e2ebead-3a53-4e7f-a1fc-bada5e3f43f5", "name": "text4", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "e4e21237-a3f4-4b3f-baac-a624ff14ca75", "type": "desktop", "top": 10, "left": 2, "width": 38, "height": 40, "componentId": "0e2ebead-3a53-4e7f-a1fc-bada5e3f43f5", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "e39a8718-0211-41c6-a849-66396520f5f2", "name": "text11", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "3dedebfa-19eb-4fe1-8d37-17eabae4dd89", "type": "desktop", "top": 230, "left": 2, "width": 18, "height": 30, "componentId": "e39a8718-0211-41c6-a849-66396520f5f2", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "40050533-73f0-444e-b662-e03af6faaab2", "name": "text12", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "8f831391-b727-405a-afcc-2cace67ad139", "type": "desktop", "top": 260, "left": 2, "width": 18, "height": 30, "componentId": "40050533-73f0-444e-b662-e03af6faaab2", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "43202303-6884-4d35-b0f8-7bc35d3895dc", "name": "text18", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "text": { "value": "Final amount calculator" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "2d6f9e9b-cd9c-4c0b-9925-761a40224a12", "type": "desktop", "top": 10, "left": 2, "width": 31, "height": 40, "componentId": "43202303-6884-4d35-b0f8-7bc35d3895dc", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "d61971bc-fd2b-4a53-962f-6e9ae88575af", "name": "text19", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "text": { "value": "Promo Code" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "730ab5f5-2145-4994-b0ee-1e60d77822a2", "type": "desktop", "top": 50, "left": 2, "width": 12.999999999999998, "height": 40, "componentId": "d61971bc-fd2b-4a53-962f-6e9ae88575af", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "24b7766b-8eee-43fe-b7e5-a34c33b986e1", "name": "text20", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "text": { "value": "Cart value ($)" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "850ac028-a923-4b70-b171-0ac61409771e", "type": "desktop", "top": 100, "left": 2, "width": 12.999999999999998, "height": 40, "componentId": "24b7766b-8eee-43fe-b7e5-a34c33b986e1", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "125ee3e3-8f8a-408c-9106-8c88e7a867e2", "name": "numberinput2", "type": "NumberInput", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "value": { "value": "99" }, "placeholder": { "value": "{{components.numberinput2.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "label": "" }, "general": {}, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "16035af2-d27b-4b79-8ae7-a76f4972c42e", "type": "desktop", "top": 100, "left": 15, "width": 25, "height": 40, "componentId": "125ee3e3-8f8a-408c-9106-8c88e7a867e2", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "74fb50a5-298a-4e92-a743-ac092dc5026f", "name": "text7", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "DISCOUNT VALUE :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "e574b386-14b8-4fba-a6e3-5bd402c1e0d2", "type": "desktop", "top": 110, "left": 2, "width": 18, "height": 30, "componentId": "74fb50a5-298a-4e92-a743-ac092dc5026f", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "d8574918-b1f5-42d6-968a-40b5e36aa9d7", "name": "container1", "type": "Container", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "b346785e-d057-4c5a-b20b-160edeb60689", "type": "desktop", "top": 20, "left": 1, "width": 41, "height": 70, "componentId": "d8574918-b1f5-42d6-968a-40b5e36aa9d7", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "68017d88-5073-4d82-9f69-dea59b1926f7", "name": "text6", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "67f84153-fd7b-4499-8889-0aa0331c8e98", "type": "desktop", "top": 80, "left": 2, "width": 18, "height": 30, "componentId": "68017d88-5073-4d82-9f69-dea59b1926f7", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "e1a426da-d076-4c42-94f3-82aa0fa51bbe", "name": "text9", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "6024e927-c29a-42fb-aa44-fe25fbcc0c5e", "type": "desktop", "top": 170, "left": 2, "width": 18, "height": 30, "componentId": "e1a426da-d076-4c42-94f3-82aa0fa51bbe", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "696c5e76-ed1d-43ae-8291-b75f10666a29", "name": "dropdown3", "type": "DropDown", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getPromoCodes.data.map((code) => code.id)}}" }, "display_values": { "value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-02T12:37:32.930Z", "layouts": [ { "id": "fe78ffc6-c860-4794-bc65-0a09730a2f83", "type": "desktop", "top": 50, "left": 15, "width": 25, "height": 40, "componentId": "696c5e76-ed1d-43ae-8291-b75f10666a29", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "be37859a-0e1d-4eba-82e9-7feae7c6f794", "name": "text25", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "dd5cb8f8-8214-4606-968a-d4eaee4339d2", "type": "desktop", "top": 110, "left": 21, "width": 19, "height": 30, "componentId": "be37859a-0e1d-4eba-82e9-7feae7c6f794", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a2156262-54e4-4bcc-93d5-e99b9ca9a41e", "name": "text29", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "51ca7a32-b20c-4cb6-85ae-2be507dabe47", "type": "desktop", "top": 230, "left": 21, "width": 19, "height": 30, "componentId": "a2156262-54e4-4bcc-93d5-e99b9ca9a41e", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "5f45c361-9707-472d-9421-6de0f430ddd7", "name": "text30", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "aa073d2b-f2d4-4eb9-8bae-5121e8f228b0", "type": "desktop", "top": 260, "left": 21, "width": 19, "height": 30, "componentId": "5f45c361-9707-472d-9421-6de0f430ddd7", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "8579a4a7-e6ee-4306-8b3f-23b1c277ed3d", "name": "text24", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "eab124da-9805-4daf-97bd-f3ec53f28ab7", "type": "desktop", "top": 80, "left": 21, "width": 19, "height": 30, "componentId": "8579a4a7-e6ee-4306-8b3f-23b1c277ed3d", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "a1eefbcd-80fc-4c0c-967a-b60d1fb6b93f", "name": "text26", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{(components?.af35eba4-ad7c-47c6-8a14-04c431ecec76?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.created_at, \"YYYY/MM/DD\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" }, "verticalAlignment": { "value": "center" }, "padding": { "value": "default" }, "borderColor": { "value": "" }, "borderRadius": { "value": "{{6}}" }, "isScrollRequired": { "value": "enabled" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T21:28:37.786Z", "layouts": [ { "id": "1597e520-5579-4cc1-9dca-560aa1e0c7b7", "type": "desktop", "top": 140, "left": 21, "width": 19, "height": 30, "componentId": "a1eefbcd-80fc-4c0c-967a-b60d1fb6b93f", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "8a150f65-1ce1-42f0-b474-a7cdb1796342", "name": "text27", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{(components?.af35eba4-ad7c-47c6-8a14-04c431ecec76?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.valid_till, \"YYYY-MM-DD\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" }, "verticalAlignment": { "value": "center" }, "padding": { "value": "default" }, "borderColor": { "value": "" }, "borderRadius": { "value": "{{6}}" }, "isScrollRequired": { "value": "enabled" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:04:31.203Z", "layouts": [ { "id": "5e2a8557-8cf4-4562-b5eb-ad8e467725ec", "type": "desktop", "top": 170, "left": 21, "width": 19, "height": 30, "componentId": "8a150f65-1ce1-42f0-b474-a7cdb1796342", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "f617df10-3e24-4e87-8844-6c60909693ac", "name": "text23", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "textFormat": { "value": "html" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "01152376-94f1-4d9b-bd88-16308afc1559", "type": "desktop", "top": 50, "left": 21, "width": 19, "height": 30, "componentId": "f617df10-3e24-4e87-8844-6c60909693ac", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "3b6a07d7-abd4-44d2-ae61-195058a2aa87", "name": "text28", "type": "Text", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39", "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \"  \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "generalStyles": {}, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "683063b2-87c3-4350-9da3-b51d8199570e", "type": "desktop", "top": 200, "left": 21, "width": 19, "height": 30, "componentId": "3b6a07d7-abd4-44d2-ae61-195058a2aa87", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] }, { "id": "c1d70a67-3dbf-43dc-aba9-2a1654648632", "name": "container2", "type": "Container", "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#8888884d" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "layouts": [ { "id": "9b409bee-c8f7-488c-9d9f-11c2303ee567", "type": "desktop", "top": 110, "left": 1, "width": 27, "height": 600, "componentId": "c1d70a67-3dbf-43dc-aba9-2a1654648632", "dimensionUnit": "count", "updatedAt": "2024-12-03T20:51:42.849Z" } ] } ], "pages": [ { "id": "aa21c135-4fa3-4734-8d60-3400c139845b", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "icon": null, "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z", "autoComputeLayout": false, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "pageGroupIndex": null, "pageGroupId": null, "isPageGroup": false } ], "events": [ { "id": "77224a89-1b3a-42ed-9b3a-dbb90a90c2c1", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "b8a25821-02cb-4a85-8c4f-6b61c08a1056", "componentSpecificActionHandle": "setText", "componentSpecificActionParams": [ { "value": "{{queries.generatePromoCode.data.promoCode}}", "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, "sourceId": "91949057-39fc-462b-909e-ba7d4df4faba", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.550Z" }, { "id": "bbfa2cee-72bf-4d99-97c6-65b20c2064e5", "name": "onClick", "index": 0, "event": { "modal": "210e6351-a82f-4cf8-992f-c559040240e4", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "388915a0-e87d-418b-af7d-917d93da219d", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.558Z" }, { "id": "33457912-b71b-47e5-b661-557bd6954430", "name": "onClick", "index": 0, "event": { "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "80f85408-4409-4188-8d35-2d3f12d7f8b4", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.618Z" }, { "id": "85d73f67-a244-461a-9e6c-a1560dab52cb", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "720967a8-85eb-4e88-adb9-a7e932361a51", "actionId": "run-query", "alertType": "info", "queryName": "updatePromoCode", "parameters": {} }, "sourceId": "667920e8-8475-4537-a9b6-1b2a5428b803", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-09T06:07:55.707Z" }, { "id": "f09ce00e-b70f-49f6-ba4f-33985d8f5a18", "name": "onChange", "index": 0, "event": { "eventId": "onChange", "message": "Hello world!", "queryId": "97a3fad4-ce00-496b-9335-5019dcc4aa3d", "actionId": "run-query", "debounce": "50", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {} }, "sourceId": "125ee3e3-8f8a-408c-9106-8c88e7a867e2", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.574Z" }, { "id": "be2cd886-cd9f-432c-bfe9-93df7f3ea2e2", "name": "onSelect", "index": 0, "event": { "eventId": "onSelect", "message": "Hello world!", "actionId": "control-component", "alertType": "info" }, "sourceId": "149e73bf-4ad5-42d5-b034-7811eb4df5c0", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z" }, { "id": "6e04eb82-6911-4cf8-b281-78f07870401c", "name": "onSelect", "index": 0, "event": { "eventId": "onSelect", "message": "Hello world!", "queryId": "97a3fad4-ce00-496b-9335-5019dcc4aa3d", "actionId": "run-query", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {} }, "sourceId": "696c5e76-ed1d-43ae-8291-b75f10666a29", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.581Z" }, { "id": "22b95df2-227c-4540-83b9-b00c7d4286b3", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "91949057-39fc-462b-909e-ba7d4df4faba", "actionId": "run-query", "alertType": "info", "queryName": "generatePromoCode", "parameters": {} }, "sourceId": "c96e7c19-75dd-4382-bd3d-2227604ece95", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.592Z" }, { "id": "be6e832d-2187-4322-9213-361fa49422fc", "name": "onClick", "index": 0, "event": { "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "1068c434-2617-4fc6-adf0-a56c785562de", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.600Z" }, { "id": "4ce30ba3-e0ce-4f27-88cb-03996a193fe7", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "actionId": "run-query", "alertType": "info", "queryName": "createPromoCode", "runOnlyIf": "", "parameters": {} }, "sourceId": "c0bd7001-0da0-4f8d-827c-83d89a584013", "target": "component", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.610Z" }, { "id": "39839e90-ea47-467c-ace1-3d9fdcab9d41", "name": "onClick", "index": 0, "event": { "ref": "Action0", "modal": "210e6351-a82f-4cf8-992f-c559040240e4", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "af35eba4-ad7c-47c6-8a14-04c431ecec76", "target": "table_action", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:08.566Z" }, { "id": "494b50e0-4a15-402e-afe6-4674ffab121f", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "80406d3b-9325-4bf5-8b12-f91eda55fa71", "actionId": "run-query", "alertType": "info", "queryName": "segregatePromoCodes", "parameters": {} }, "sourceId": "7466d901-b97e-42c8-964a-2a7203ac16d5", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T21:38:07.773Z", "updatedAt": "2024-04-30T21:38:26.635Z" }, { "id": "1983b255-9a3d-409a-92c2-3ca912b479aa", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-05-09T06:11:42.531Z", "updatedAt": "2024-05-09T06:11:50.498Z" }, { "id": "c18bf356-0038-4c05-8b29-9ba08c392f4f", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Promo Code created successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-05-09T06:12:11.269Z", "updatedAt": "2024-05-09T06:12:18.652Z" }, { "id": "549a6d25-390d-44b6-aa99-9d5e57382b8b", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "7466d901-b97e-42c8-964a-2a7203ac16d5", "actionId": "run-query", "alertType": "info", "queryName": "getPromoCodes", "parameters": {} }, "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-05-09T06:12:28.143Z", "updatedAt": "2024-05-09T06:12:35.606Z" }, { "id": "b6a02e20-242c-44e9-9849-a30bbb804af0", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to create Promo Code! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-05-09T06:12:38.741Z", "updatedAt": "2024-05-09T06:12:57.631Z" }, { "id": "40df00a6-3533-4aed-8f89-c002f09e3305", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "210e6351-a82f-4cf8-992f-c559040240e4", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-12-03T22:05:16.387Z", "updatedAt": "2024-12-03T22:05:27.189Z" }, { "id": "fc1d0d1f-84a1-4341-a670-2229ea1c7ce2", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Promo code updated successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-12-03T22:05:30.127Z", "updatedAt": "2024-12-03T22:05:48.902Z" }, { "id": "c141c537-043d-4b49-8a52-c70ba003f9ef", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to update promo code! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-12-03T22:05:51.258Z", "updatedAt": "2024-12-03T22:07:14.747Z" }, { "id": "ff75611c-5a3a-44c7-8851-8ceee8783350", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "7466d901-b97e-42c8-964a-2a7203ac16d5", "actionId": "run-query", "alertType": "info", "queryName": "getPromoCodes", "parameters": {} }, "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51", "target": "data_query", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-12-03T22:07:09.182Z", "updatedAt": "2024-12-03T22:07:22.851Z" } ], "dataQueries": [ { "id": "720967a8-85eb-4e88-adb9-a7e932361a51", "name": "updatePromoCode", "options": { "mode": "sql", "transformationLanguage": "javascript", "enableTransformation": false, "query": "{{`UPDATE\n promo_codes\nSET\n discount_type = '${components.149e73bf-4ad5-42d5-b034-7811eb4df5c0.value}',\n amount = ${components.14344e97-0687-479e-9a55-596cf61dda2b.value},\n minimum_spend = ${components.7331c813-ed49-4eba-9cce-1c5b1ed9e755.value ? components.14ec677a-f8ca-41e8-af99-a623396ed218.value : 'NULL' },\n maximum_spend = ${components.e7785fd3-ce06-44af-9d6f-fe42d07c38c9.value ? components.3ae01e5b-bb00-442c-a5e5-bee34b03c14e.value : 'NULL' },\n free_shipping = ${components.38bbc303-30ca-40c0-a03c-fc671123ea19.value},\n valid_till = '${moment(components.1cc9a2c5-957b-46a8-a3b3-212997ce1c37.value, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")}',\n updated_at = CURRENT_TIMESTAMP\nWHERE\n id = ${components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.id};`}}", "operation": "bulk_update_pkey", "table": "public.master_table", "primary_key_column": "id", "showSuccessNotification": false, "requestConfirmation": false }, "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:07:56.067Z" }, { "id": "80406d3b-9325-4bf5-8b12-f91eda55fa71", "name": "segregatePromoCodes", "options": { "code": "const data = queries.getPromoCodes.data;\nlet segregatedData = { active: [], inactive: [] };\nconst currentDate = moment().startOf(\"day\");\n\nfunction stringifyValue(discountType, amount) {\n var value = \"\";\n if (discountType == \"Percentage\") {\n value = amount.toString() + \"%\";\n } else if (discountType == \"Fixed\") {\n value = \"$\" + amount.toString();\n } else {\n value = amount.toString();\n }\n return value;\n}\n\ndata.forEach((codeData) => {\n if (moment(codeData.valid_till, \"YYYY/MM/DD\").isSameOrAfter(currentDate)) {\n segregatedData.active.push({\n ...codeData,\n discount_value: stringifyValue(codeData.discount_type, codeData.amount),\n free_shipping_bool: codeData.free_shipping,\n free_shipping: { true: \"Yes\", false: \"No\" }[codeData.free_shipping],\n });\n } else {\n segregatedData.inactive.push({\n ...codeData,\n discount_value: stringifyValue(codeData.discount_type, codeData.amount),\n free_shipping_bool: codeData.free_shipping,\n free_shipping: { true: \"Yes\", false: \"No\" }[codeData.free_shipping],\n });\n }\n});\n\nreturn segregatedData;", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-02T07:32:27.926Z" }, { "id": "7466d901-b97e-42c8-964a-2a7203ac16d5", "name": "getPromoCodes", "options": { "mode": "sql", "transformationLanguage": "javascript", "enableTransformation": false, "query": "SELECT\n *\nFROM\n promo_codes\nORDER BY\n id DESC;", "runOnPageLoad": true }, "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:19:59.386Z" }, { "id": "91949057-39fc-462b-909e-ba7d4df4faba", "name": "generatePromoCode", "options": { "code": "function generatePromoCode() {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n const codeLength = 15;\n let promoCode = '';\n\n for (let i = 0; i < codeLength; i++) {\n const randomIndex = Math.floor(Math.random() * characters.length);\n promoCode += characters[randomIndex];\n }\n\n return promoCode;\n}\n\nreturn {promoCode: generatePromoCode()};", "hasParamSupport": true, "parameters": [], "events": [ { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "setText", "componentId": "cdeddc9c-5023-4048-80ce-9bc01663cef9", "componentSpecificActionParams": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text", "value": "{{queries.generatePromoCode.data.promoCode}}" } ] } ] }, "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-04-30T08:26:07.344Z" }, { "id": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7", "name": "createPromoCode", "options": { "mode": "sql", "transformationLanguage": "javascript", "enableTransformation": false, "query": "INSERT INTO promo_codes (\n promo_code, \n discount_type, \n amount, \n minimum_spend, \n maximum_spend, \n free_shipping, \n created_at, \n valid_till, \n updated_at\n)\nVALUES (\n '{{components.b8a25821-02cb-4a85-8c4f-6b61c08a1056.value}}', \n '{{components.93c58cf9-b3c0-4398-982c-58f0dc8bbb18.value}}', \n {{components.375a99f4-d938-4625-b1fe-71d069c310cf.value}}, \n {{components.a42fe37b-70d3-480a-9be2-9cb4317e8c47.value ? components.9df92a6e-fc6d-430e-bcc8-a475c813497f.value : 'NULL'}}, \n {{components.a0f9ea16-82e4-4a2c-8cdc-4588430ea556.value ? components.cf0c1cad-5b99-4ef2-955a-75a7472789e8.value : 'NULL'}}, \n {{components.ccc9510d-4df0-4ab7-b58c-f715babcec13.value}}, \n CURRENT_TIMESTAMP, \n '{{moment(components.26310e5d-be67-453e-957c-83aff66132a1.value, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")}}', \n CURRENT_TIMESTAMP\n);\n", "operation": "bulk_update_pkey", "table": "public.master_table", "primary_key_column": "id" }, "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:04:04.012Z" }, { "id": "97a3fad4-ce00-496b-9335-5019dcc4aa3d", "name": "calculateFinalAmount", "options": { "code": "if (components.dropdown3.value === undefined) {\n finalValue = 0;\n return { finalValue };\n}\n\nconst promoCode = queries.getPromoCodes.data.filter(\n (code) => code.id == components.dropdown3.value\n)[0];\n\nconst cartValue = components.numberinput2.value;\n\nvar finalValue = 0;\n\nif (promoCode.minimum_spend !== null && cartValue < promoCode.minimum_spend) {\n finalValue = cartValue;\n} else if (promoCode.discount_type === \"percent\") {\n if (promoCode.maximum_spend !== null && cartValue > promoCode.maximum_spend) {\n finalValue = cartValue - (promoCode.amount / 100) * promoCode.maximum_spend;\n } else {\n finalValue = cartValue - (promoCode.amount / 100) * cartValue;\n }\n} else {\n if (promoCode.maximum_spend !== null && cartValue > promoCode.maximum_spend) {\n finalValue =\n cartValue - Math.min(promoCode.amount, promoCode.maximum_spend);\n } else {\n finalValue = cartValue - Math.min(promoCode.amount, cartValue);\n }\n}\n\nfinalValue += promoCode.free_shipping ? 0 : 10;\nreturn { finalValue };", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-12-03T22:11:02.126Z" }, { "id": "3a028bae-bc33-4e57-8cdf-c4ac182b6d9e", "name": "tableCreationQuery", "options": { "mode": "sql", "transformationLanguage": "javascript", "enableTransformation": false, "query": "CREATE TABLE promo_codes (\n id SERIAL PRIMARY KEY,\n amount REAL,\n minimum_spend REAL,\n maximum_spend REAL,\n free_shipping BOOLEAN,\n valid_till DATE,\n promo_code VARCHAR(50),\n discount_type VARCHAR(50),\n updated_at TIMESTAMP,\n created_at TIMESTAMP\n);" }, "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "createdAt": "2024-12-03T21:06:29.723Z", "updatedAt": "2024-12-03T21:55:56.318Z" } ], "dataSources": [ { "id": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": null, "scope": "local", "createdAt": "2024-04-30T08:26:07.353Z", "updatedAt": "2024-04-30T08:26:07.353Z" }, { "id": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": null, "scope": "local", "createdAt": "2024-04-30T08:26:07.369Z", "updatedAt": "2024-04-30T08:26:07.369Z" }, { "id": "0735bcf3-c982-431c-aae8-16056d740138", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": null, "scope": "local", "createdAt": "2024-04-30T08:26:07.381Z", "updatedAt": "2024-04-30T08:26:07.381Z" }, { "id": "98a8d55d-08f3-4259-9471-b63d68f47d01", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": null, "scope": "local", "createdAt": "2024-04-30T08:26:07.394Z", "updatedAt": "2024-04-30T08:26:07.394Z" }, { "id": "cad3f255-b707-47e5-894f-5900c64b8ce0", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": null, "scope": "local", "createdAt": "2024-04-30T08:26:07.409Z", "updatedAt": "2024-04-30T08:26:07.409Z" }, { "id": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "name": "Promo Code Management", "kind": "postgresql", "type": "default", "pluginId": null, "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430", "scope": "global", "createdAt": "2024-04-30T08:26:07.344Z", "updatedAt": "2024-05-01T06:07:27.253Z" } ], "appVersions": [ { "id": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a", "name": "final", "definition": { "showViewerNavigation": false, "homePageId": "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d", "pages": { "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d": { "components": { "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8": { "id": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border Radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "exposedVariables": {} }, "name": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 2.3255815595649167, "width": 41, "height": 70 } } }, "2ffcfde1-a46f-4ba3-ae53-7175af02060d": { "id": "2ffcfde1-a46f-4ba3-ae53-7175af02060d", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": "{{0}}" }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text1", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 2.3255818774724633, "width": 6, "height": 40 } }, "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8" }, "7fafb271-b2fa-4321-a377-3e4a235c623c": { "id": "7fafb271-b2fa-4321-a377-3e4a235c623c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font Weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text Decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text Transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font Style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line Height" }, "textIndent": { "type": "number", "displayName": "Text Indent" }, "letterSpacing": { "type": "number", "displayName": "Letter Spacing" }, "wordSpacing": { "type": "number", "displayName": "Word Spacing" }, "fontVariant": { "type": "select", "displayName": "Font Variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text Size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{20}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo Code Management" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text2", "displayName": "Text", "description": "Display markdown or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 69.76744229792882, "width": 12, "height": 40 } }, "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8" }, "72c19891-ab7b-4663-809c-e1fd15c82b22": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container2", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 110, "left": 2.3255813953488373, "width": 27, "height": 580 } }, "withDefaultChildren": false }, "5b21c491-8540-4df4-bc56-5ef9b3d18da8": { "id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container3", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 160, "left": 67.44186046511628, "width": 12.999999999999998, "height": 310 } } }, "25b9f572-8cd7-48b3-b399-3ccb6c80f433": { "component": { "properties": { "title": { "type": "string", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "code", "displayName": "Table data", "validation": { "schema": { "type": "array", "element": { "type": "object" }, "optional": true } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "columns": { "type": "array", "displayName": "Table Columns" }, "useDynamicColumn": { "type": "toggle", "displayName": "Use dynamic column", "validation": { "schema": { "type": "boolean" } } }, "columnData": { "type": "code", "displayName": "Column data" }, "rowsPerPage": { "type": "code", "displayName": "Number of rows per page", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable column sorting", "validation": { "schema": { "type": "boolean" } } }, "hideColumnSelectorButton": { "type": "toggle", "displayName": "Hide column selector button", "validation": { "schema": { "type": "boolean" } } }, "enablePrevButton": { "type": "toggle", "displayName": "Enable previous page button", "validation": { "schema": { "type": "boolean" } } }, "totalRecords": { "type": "code", "displayName": "Total records server side", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSidePagination": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideSearch": { "type": "clientServerSwitch", "displayName": "Type", "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ] }, "serverSideFilter": { "type": "clientServerSwitch", "displayName": "Type", "validation": { "schema": { "type": "boolean" } }, "options": [ { "displayName": "Client side", "value": "clientSide" }, { "displayName": "Server side", "value": "serverSide" } ], "defaultValue": "clientSide" }, "actionButtonBackgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "actionButtonTextColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "displaySearchBox": { "type": "toggle", "displayName": "Show search", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Enable filtering", "validation": { "schema": { "type": "boolean" } } }, "showBulkUpdateActions": { "type": "toggle", "displayName": "Show update buttons", "validation": { "schema": { "type": "boolean" } } }, "allowSelection": { "type": "toggle", "displayName": "Allow selection", "validation": { "schema": { "type": "boolean" } } }, "showBulkSelector": { "type": "toggle", "displayName": "Bulk selection", "validation": { "schema": { "type": "boolean" } } }, "highlightSelectedRow": { "type": "toggle", "displayName": "Highlight selected row", "validation": { "schema": { "type": "boolean" } } }, "defaultSelectedRow": { "type": "code", "displayName": "Default selected row", "validation": { "schema": { "type": "object" } } }, "showAddNewRowButton": { "type": "toggle", "displayName": "Show add new row button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop " }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onRowHovered": { "displayName": "Row hovered" }, "onRowClicked": { "displayName": "Row clicked" }, "onBulkUpdate": { "displayName": "Save changes" }, "onPageChanged": { "displayName": "Page changed" }, "onSearch": { "displayName": "Search" }, "onCancelChanges": { "displayName": "Cancel changes" }, "onSort": { "displayName": "Sort applied" }, "onCellValueChanged": { "displayName": "Cell value changed" }, "onFilterChanged": { "displayName": "Filter changed" }, "onNewRowsAdded": { "displayName": "Add new rows" } }, "styles": { "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } }, "actionButtonRadius": { "type": "code", "displayName": "Action button radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" } ] } } }, "tableType": { "type": "select", "displayName": "Table type", "options": [ { "name": "Bordered", "value": "table-bordered" }, { "name": "Regular", "value": "table-classic" }, { "name": "Striped", "value": "table-striped" } ], "validation": { "schema": { "type": "string" } } }, "cellSize": { "type": "select", "displayName": "Cell size", "options": [ { "name": "Condensed", "value": "condensed" }, { "name": "Regular", "value": "regular" } ], "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}" }, "useDynamicColumn": { "value": "{{false}}" }, "columnData": { "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}" }, "rowsPerPage": { "value": "{{10}}" }, "serverSidePagination": { "value": "{{false}}" }, "enableNextButton": { "value": "{{true}}" }, "enablePrevButton": { "value": "{{true}}" }, "totalRecords": { "value": "" }, "enablePagination": { "value": "{{true}}" }, "serverSideSort": { "value": "{{false}}" }, "serverSideFilter": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{true}}" }, "showDownloadButton": { "value": "{{true}}" }, "showFilterButton": { "value": "{{true}}" }, "autogenerateColumns": { "value": true, "generateNestedColumns": true }, "columns": { "value": [ { "name": "id", "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737", "autogenerated": true }, { "id": "28f5b628-749e-493a-b307-63cdcc071a7f", "name": "promo code", "key": "promo_code", "columnType": "string", "autogenerated": true }, { "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8", "name": "discount value", "key": "discount_value", "columnType": "string", "autogenerated": true }, { "id": "66211b00-fdfe-4ee4-b656-02275a663665", "name": "free shipping", "key": "free_shipping", "columnType": "default", "autogenerated": true, "values": "{{[true, false]}}", "labels": "{{[\"Yes\", \"No\"]}}", "activeColor": "#3e63ddff", "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 132, "28f5b628-749e-493a-b307-63cdcc071a7f": 173, "66211b00-fdfe-4ee4-b656-02275a663665": 53 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226" } ], "position": "right" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "discount_type", "amount", "minimum_spend", "maximum_spend", "created_at", "valid_till", "updated_at", "updated_at", "free_shipping_bool" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 28.86, "height": 456 }, "exposedVariables": { "selectedRow": {}, "changeSet": {}, "dataUpdates": [], "pageIndex": 1, "searchText": "", "selectedRows": [], "filters": [] }, "actions": [ { "handle": "setPage", "displayName": "Set page", "params": [ { "handle": "page", "displayName": "Page", "defaultValue": "{{1}}" } ] }, { "handle": "selectRow", "displayName": "Select row", "params": [ { "handle": "key", "displayName": "Key" }, { "handle": "value", "displayName": "Value" } ] }, { "handle": "deselectRow", "displayName": "Deselect row" }, { "handle": "discardChanges", "displayName": "Discard Changes" }, { "handle": "discardNewlyAddedRows", "displayName": "Discard newly added rows" }, { "displayName": "Download table data", "handle": "downloadTableData", "params": [ { "handle": "type", "displayName": "Type", "options": [ { "name": "Download as Excel", "value": "xlsx" }, { "name": "Download as CSV", "value": "csv" }, { "name": "Download as PDF", "value": "pdf" } ], "defaultValue": "{{Download as Excel}}", "type": "select" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 76, "left": 4.6511681997655385, "width": 39, "height": 470 } }, "withDefaultChildren": false }, "792c10c1-cf06-477b-98bd-d0aa13449910": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{\"active\"}}" }, "values": { "value": "{{[\"active\", \"inactive\"]}}" }, "display_values": { "value": "{{[\"Active\", \"Inactive\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown1", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 20, "left": 69.76743349695931, "width": 11.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "61a46182-92c6-49c4-9238-9681dd264a9c": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo codes available:" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text3", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22", "layouts": { "desktop": { "top": 20, "left": 4.6511631854108115, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "58c73cbf-18df-4306-b27a-a2d01c568fb8": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "e16f682b-0368-499a-9232-6b63e1413a91" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 67.44185505833316, "width": 12.999999999999998, "height": 40 } }, "withDefaultChildren": false }, "e16f682b-0368-499a-9232-6b63e1413a91": { "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Create Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "exposedVariables": {} }, "name": "modal1", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 730, "left": 2.3255813953488373, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "cd50a657-b4a7-4263-9125-5fb9185422f1": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text4", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 10, "left": 4.651170456181344, "width": 38, "height": 40 } }, "withDefaultChildren": false }, "ad9066eb-e46c-4474-bcb5-f72e4263db60": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "ID :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 50, "left": 4.6511518558148035, "width": 18, "height": 30 } }, "withDefaultChildren": false }, "afce716e-3d80-4c37-a0ae-a230307a89ff": { "id": "afce716e-3d80-4c37-a0ae-a230307a89ff", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 4.651149256140372, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "8f2dcd6a-829c-44e8-8014-6de63bed413f": { "id": "8f2dcd6a-829c-44e8-8014-6de63bed413f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT VALUE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text7", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 4.6511518558148035, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": { "id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "CREATED ON :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d396afee-afeb-4f6b-9fe6-f91544b7c566": { "id": "d396afee-afeb-4f6b-9fe6-f91544b7c566", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162790697674, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "aa458399-940f-4373-88af-ef9b30727bb0": { "id": "aa458399-940f-4373-88af-ef9b30727bb0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text10", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "11481730-3f62-481f-adf7-e81115c06ecc": { "id": "11481730-3f62-481f-adf7-e81115c06ecc", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text11", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "71138a31-fefc-4e5d-90c1-a6db58c063d1": { "id": "71138a31-fefc-4e5d-90c1-a6db58c063d1", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text12", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 4.651170456181344, "width": 18, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "8d336040-7fea-480b-be2a-ee1485302f97": { "component": { "properties": { "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "container4", "displayName": "Container", "description": "Group components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 480, "left": 67.44186046511628, "width": 12.999999999999998, "height": 210 } }, "withDefaultChildren": false }, "997f4acf-3168-4b28-a76b-534b8c1c0743": { "id": "997f4acf-3168-4b28-a76b-534b8c1c0743", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Final amount calculator" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text18", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 10, "left": 4.651162790697674, "width": 31, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a": { "id": "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Promo Code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text19", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 4.651170456181344, "width": 12.999999999999998, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "b423b98f-92fc-41f4-95f6-000da52ed5b0": { "id": "b423b98f-92fc-41f4-95f6-000da52ed5b0", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {} } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getPromoCodes.data.map((code) => code.id)}}" }, "display_values": { "value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select an option" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 50, "left": 34.88372262026046, "width": 25, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "f8618a9e-e874-4d88-897e-944042130ab0": { "id": "f8618a9e-e874-4d88-897e-944042130ab0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cart value ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text20", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651170456181344, "width": 12.999999999999998, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "fa43050e-5984-429f-b539-074099b9e2eb": { "id": "fa43050e-5984-429f-b539-074099b9e2eb", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onChange", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "calculateFinalAmount", "parameters": {}, "debounce": "50" } ], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "99" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput2.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput2", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 100, "left": 34.88372262026046, "width": 25, "height": 40 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "a883b4f4-d471-4a91-bf17-9b7127f52586": { "id": "a883b4f4-d471-4a91-bf17-9b7127f52586", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider2", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 140, "left": 4.6511556885566385, "width": 38, "height": 10 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "723ba519-3250-410c-bb43-3dd5f9821307": { "id": "723ba519-3250-410c-bb43-3dd5f9821307", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Final amount ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text21", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 4.651153545842702, "width": 15.000000000000002, "height": 30 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "dadf3050-8808-439a-b4e6-08c996c0bf68": { "id": "dadf3050-8808-439a-b4e6-08c996c0bf68", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown3.value != undefined ? queries.calculateFinalAmount.data.finalValue : \"0\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text22", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 160, "left": 39.53488372093023, "width": 23, "height": 30 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" }, "795cd997-1cd5-4a87-a221-fa605c3baa06": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.id ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text23", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 50, "left": 48.83721538843795, "width": 19, "height": 30 } }, "withDefaultChildren": false }, "7e51ca19-d1ad-42b7-9939-eba56e2139f4": { "id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text24", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": { "id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text25", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 110, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "cdcf3874-788e-49a3-8101-33a0d9710f99": { "id": "cdcf3874-788e-49a3-8101-33a0d9710f99", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.table1.selectedRow.created_at, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text26", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "e3a7589d-f336-4b85-ae69-a0e1dc757c63": { "id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.table1.selectedRow.valid_till, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text27", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d60b43f3-1661-424c-bd9e-2e55d8f05e22": { "id": "d60b43f3-1661-424c-bd9e-2e55d8f05e22", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \"  \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text28", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 200, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "789e977f-acb3-4912-a078-8a8ff620e850": { "id": "789e977f-acb3-4912-a078-8a8ff620e850", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text29", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 230, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "45db325e-7aa1-4c46-9b33-91ccf17afe76": { "id": "45db325e-7aa1-4c46-9b33-91ccf17afe76", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 260, "left": 48.83721538843795, "width": 19, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "f989e765-4231-4a4e-9bb0-87edf4ad9c7f": { "id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 4.651162790697675, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "cdeddc9c-5023-4048-80ce-9bc01663cef9": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" }, "onEnterPressed": { "displayName": "On Enter Pressed" }, "onFocus": { "displayName": "On focus" }, "onBlur": { "displayName": "On blur" } }, "styles": { "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" } } }, "errTextColor": { "type": "color", "displayName": "Error text color", "validation": { "schema": { "type": "string" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter promo code" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "User text input field", "component": "TextInput", "defaultSize": { "width": 6, "height": 30 }, "validation": { "regex": { "type": "code", "displayName": "Regex" }, "minLength": { "type": "code", "displayName": "Min length" }, "maxLength": { "type": "code", "displayName": "Max length" }, "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" }, "actions": [ { "handle": "setText", "displayName": "Set text", "params": [ { "handle": "text", "displayName": "text", "defaultValue": "New Text" } ] }, { "handle": "clear", "displayName": "Clear" }, { "handle": "setFocus", "displayName": "Set focus" }, { "handle": "setBlur", "displayName": "Set blur" }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 25.581395346098788, "width": 17, "height": 40 } }, "withDefaultChildren": false }, "380b4870-818e-440f-806a-dc9ae5e1e6a3": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "generatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Generate code" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 65.11629539484923, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": { "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)." } }, "exposedVariables": {} }, "name": "image1", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 30, "left": 90.69767122377431, "width": 2, "height": 40 } }, "withDefaultChildren": false }, "b01f0cad-7de7-47ae-ae40-82ab305e2d12": { "id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651162506266984, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "9245395b-3876-4734-acc0-6582dd57870e": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "control-component", "message": "Hello world!", "alertType": "info" } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "percent" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown4", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 25.58139595221208, "width": 17, "height": 40 } }, "withDefaultChildren": false }, "ce2797f3-e593-4259-abb8-ce6785a845d1": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}" }, "maxValue": { "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}" }, "minValue": { "value": "1" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput3", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 65.11625539117162, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "ce888918-f6cd-428d-9968-a67ff29b4e75": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 100, "left": 90.69767485756182, "width": 2, "height": 40 } }, "withDefaultChildren": false }, "38daeae7-7a68-42b2-9bca-1067868eb83a": { "id": "38daeae7-7a68-42b2-9bca-1067868eb83a", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162932854896, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "055d88a5-d62a-4848-afc9-d2b7e51847d0": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown5", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 170, "left": 25.581418019395514, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "ed7b0be3-f412-4f8a-82de-603d887ee06f": { "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}" }, "maxValue": { "value": "99999" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput4", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 170, "left": 65.11627782060043, "width": 10, "height": 40 } }, "withDefaultChildren": false }, "5f60b7a2-675f-4e6c-8861-c4ab363cae3b": { "id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 60.46511827264033, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "e26de292-20fa-45cd-ae48-51d3dc1b980f": { "id": "e26de292-20fa-45cd-ae48-51d3dc1b980f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": { "id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown6", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 25.58138499611037, "width": 13, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "6b75036b-a0ae-486e-9adb-1ef35d5382b5": { "id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 60.46511069707219, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "6eca96f9-5602-4199-88f0-36a8b302bc35": { "id": "6eca96f9-5602-4199-88f0-36a8b302bc35", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput4.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "" } }, "exposedVariables": {} }, "name": "numberinput5", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 240, "left": 65.11626117041483, "width": 10, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "4c6b810b-9d09-4121-9026-c3b1fb717302": { "id": "4c6b810b-9d09-4121-9026-c3b1fb717302", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text38", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.6511615510529305, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "74bf5455-9aef-419a-b83f-1892edb4e2b3": { "id": "74bf5455-9aef-419a-b83f-1892edb4e2b3", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{false}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown7", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 25.581389164325977, "width": 13, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": { "id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text39", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "4b50dcfd-cf36-44af-87fa-ee05a8112fbb": { "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "properties": { "defaultValue": { "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker1", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 380, "left": 25.581393180600156, "width": 13, "height": 40 } }, "withDefaultChildren": false }, "4ad7daef-6186-47cf-b759-8c35d2e77cfa": { "id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "exposedVariables": {} }, "name": "image2", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 380, "left": 58.139524728971374, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": { "id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "exposedVariables": {} }, "name": "image3", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 240, "left": 90.69767030875896, "width": 2, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "199a8791-16ab-4bb5-90b8-c320e4b6e6c5": { "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider3", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 440, "left": 2.3255811419964743, "width": 41, "height": 10 } }, "withDefaultChildren": false }, "670170a2-52be-4deb-a897-ac6bf33c5ada": { "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "createPromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Create" }, "loadingState": { "value": "{{queries.createPromoCode.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button3", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91", "layouts": { "desktop": { "top": 470, "left": 79.06975049651071, "width": 7.000000000000001, "height": 40 } }, "withDefaultChildren": false }, "b0afdbe3-5c29-40be-a70f-08458617c01f": { "id": "b0afdbe3-5c29-40be-a70f-08458617c01f", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "e16f682b-0368-499a-9232-6b63e1413a91" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button4", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 60.465109099446764, "width": 7, "height": 40 } }, "parent": "e16f682b-0368-499a-9232-6b63e1413a91" }, "e7a57306-3d46-41e2-b240-2fc6b5f20226": { "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "useDefaultButton": { "type": "toggle", "displayName": "Use default trigger button", "validation": { "schema": { "type": "boolean" } } }, "triggerButtonLabel": { "type": "code", "displayName": "Trigger button label", "validation": { "schema": { "type": "string" } } }, "hideTitleBar": { "type": "toggle", "displayName": "Hide title bar" }, "hideCloseButton": { "type": "toggle", "displayName": "Hide close button" }, "hideOnEsc": { "type": "toggle", "displayName": "Close on escape key" }, "closeOnClickingOutside": { "type": "toggle", "displayName": "Close on clicking outside" }, "size": { "type": "select", "displayName": "Modal size", "options": [ { "name": "small", "value": "sm" }, { "name": "medium", "value": "lg" }, { "name": "large", "value": "xl" } ], "validation": { "schema": { "type": "string" } } }, "modalHeight": { "type": "code", "displayName": "Modal height", "validation": { "schema": { "type": "string" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onOpen": { "displayName": "On open" }, "onClose": { "displayName": "On close" } }, "styles": { "headerBackgroundColor": { "type": "color", "displayName": "Header background color", "validation": { "schema": { "type": "string" } } }, "headerTextColor": { "type": "color", "displayName": "Header title color", "validation": { "schema": { "type": "string" } } }, "bodyBackgroundColor": { "type": "color", "displayName": "Body background color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "triggerButtonBackgroundColor": { "type": "color", "displayName": "Trigger button background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "triggerButtonTextColor": { "type": "color", "displayName": "Trigger button text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Edit Promo Code" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "540px" } }, "general": {}, "exposedVariables": {} }, "name": "modal2", "displayName": "Modal", "description": "Show pop-up windows", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 730, "left": 18.604656027099054, "width": 6, "height": 40 } } }, "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": { "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "PROMO CODE :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text40", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 30, "left": 4.651162790697675, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": { "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "DISCOUNT :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text41", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 4.651162506266984, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "67d1a89c-81aa-41a7-89d8-595ae1b483f3": { "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "control-component", "message": "Hello world!", "alertType": "info" } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.discount_type}}" }, "values": { "value": "{{[\"percent\", \"fixed\"]}}" }, "display_values": { "value": "{{[\"In percentage\", \"Fixed amount\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a discount type" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown8", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 25.581393521814153, "width": 17, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": { "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.amount}}" }, "maxValue": { "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}" }, "minValue": { "value": "1" }, "placeholder": { "value": "0" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput6", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 100, "left": 65.11626481525688, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "6c953707-f69d-47a9-9015-a582ed609bcd": { "id": "6c953707-f69d-47a9-9015-a582ed609bcd", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "center" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text42", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 100, "left": 90.69767764424473, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "56139e54-501c-4951-a060-fa0d180ed6ad": { "id": "56139e54-501c-4951-a060-fa0d180ed6ad", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MINIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text43", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 4.651162932854896, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": { "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.minimum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown9", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 25.581401911408808, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "30c53546-7857-44c3-be96-70c1662df2d4": { "id": "30c53546-7857-44c3-be96-70c1662df2d4", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown9.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "", "fxActive": false }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}" }, "maxValue": { "value": "99999" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput7.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "numberinput7", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 170, "left": 65.11628599331276, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "061db4d4-a8f2-40aa-9ce8-427390417bf0": { "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown5.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text44", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 170, "left": 60.46511827264033, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "9d58477b-50cd-4b84-8dd6-1231570d0774": { "id": "9d58477b-50cd-4b84-8dd6-1231570d0774", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "MAXIMUM SPEND :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text45", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "8529396e-2c59-437e-a014-3a3033c49d80": { "id": "8529396e-2c59-437e-a014-3a3033c49d80", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.maximum_spend != null}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"Disable\", \"Enable\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown10", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 25.58137657187239, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": { "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000", "fxActive": false }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "$ " }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text46", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 240, "left": 60.46511069707219, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "1749184e-e330-4679-a3d4-671ce372274f": { "id": "1749184e-e330-4679-a3d4-671ce372274f", "component": { "properties": { "value": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "minValue": { "type": "code", "displayName": "Minimum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "maxValue": { "type": "code", "displayName": "Maximum value", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "decimalPlaces": { "type": "code", "displayName": "Decimal places", "validation": { "schema": { "type": "number" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onChange": { "displayName": "On change" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "backgroundColor": { "type": "color", "displayName": "Background Color" }, "borderColor": { "type": "color", "displayName": "Border Color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text Color", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{!components.dropdown10.value}}", "fxActive": true }, "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}", "fxActive": true }, "textColor": { "value": "#232e3c" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "value": { "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}" }, "maxValue": { "value": "100000" }, "minValue": { "value": "0" }, "placeholder": { "value": "{{components.numberinput8.value}}" }, "decimalPlaces": { "value": "{{2}}" }, "loadingState": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "" } }, "exposedVariables": {} }, "name": "numberinput8", "displayName": "Number Input", "description": "Numeric input field", "component": "NumberInput", "defaultSize": { "width": 4, "height": 30 }, "exposedVariables": { "value": 99 } }, "layouts": { "desktop": { "top": 240, "left": 65.11629197312911, "width": 10, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "19d354ef-63f7-4c85-a641-115769247cc0": { "id": "19d354ef-63f7-4c85-a641-115769247cc0", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "FREE SHIPPING :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text47", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 4.6511615510529305, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "12059aed-6846-44d9-8d8d-98003036ef2b": { "id": "12059aed-6846-44d9-8d8d-98003036ef2b", "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{components.table1.selectedRow.free_shipping_bool}}" }, "values": { "value": "{{[false, true]}}" }, "display_values": { "value": "{{[\"No\", \"Yes\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select value" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown11", "displayName": "Dropdown", "description": "Single item selector", "defaultSize": { "width": 8, "height": 30 }, "component": "DropDown", "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": 2, "searchText": "", "label": "Select", "optionLabels": [ "one", "two", "three" ], "selectedOptionLabel": "two" }, "actions": [ { "handle": "selectOption", "displayName": "Select option", "params": [ { "handle": "select", "displayName": "Select" } ] } ] }, "layouts": { "desktop": { "top": 310, "left": 25.581399583203897, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "fb524a89-e03b-433a-8a94-f61ebd99bd36": { "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36", "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "VALID TILL :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text48", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 380, "left": 4.651161793912395, "width": 9, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "41d423dd-e348-4684-a835-b3dc56be730c": { "id": "41d423dd-e348-4684-a835-b3dc56be730c", "component": { "properties": { "defaultValue": { "type": "code", "displayName": "Default value", "validation": { "schema": { "type": "string" } } }, "format": { "type": "code", "displayName": "Format", "validation": { "schema": { "type": "string" } } }, "enableTime": { "type": "toggle", "displayName": "Enable time selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "enableDate": { "type": "toggle", "displayName": "Enable date selection?", "validation": { "schema": { "type": "boolean" }, "defaultValue": true } }, "disabledDates": { "type": "code", "displayName": "Disabled dates", "validation": { "schema": { "type": "array", "element": { "type": "string" } } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" } }, "styles": { "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}" } }, "properties": { "defaultValue": { "value": "{{components.table1.selectedRow.valid_till}}" }, "format": { "value": "DD/MM/YYYY" }, "enableTime": { "value": "{{false}}" }, "enableDate": { "value": "{{true}}" }, "disabledDates": { "value": "{{[]}}" } }, "general": {}, "exposedVariables": {} }, "name": "datepicker2", "displayName": "Date Picker", "description": "Choose date and time", "component": "Datepicker", "defaultSize": { "width": 5, "height": 30 }, "validation": { "customRule": { "type": "code", "displayName": "Custom validation" } }, "exposedVariables": { "value": "" } }, "layouts": { "desktop": { "top": 380, "left": 25.58139095173029, "width": 13, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": { "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection." } }, "exposedVariables": {} }, "name": "image5", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 380, "left": 58.13952912432483, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ca410b25-e7b7-413f-a01e-cccf62efa204": { "id": "ca410b25-e7b7-413f-a01e-cccf62efa204", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}", "fxActive": true }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Maximum spend should be greater than or equal to Minimum spend" } }, "exposedVariables": {} }, "name": "image6", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 240, "left": 90.69766853643817, "width": 2, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "798a2874-8880-410d-86ca-8466e7a7f53f": { "id": "798a2874-8880-410d-86ca-8466e7a7f53f", "component": { "properties": {}, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "dividerColor": { "type": "color", "displayName": "Divider color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#8888884d" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider4", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 440, "left": 2.3255811419964743, "width": 41, "height": 10 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "ec924236-9797-491e-bca5-6fab6711f2da": { "id": "ec924236-9797-491e-bca5-6fab6711f2da", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryName": "updatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updatePromoCode.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button6", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 79.0697419241573, "width": 7.000000000000001, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "cb71d470-0254-4fa8-92d9-735a91f5f66e": { "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e", "component": { "properties": { "text": { "type": "code", "displayName": "Button text", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" }, "onHover": { "displayName": "On hover" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "loaderColor": { "type": "color", "displayName": "Loader color", "validation": { "schema": { "type": "string" }, "defaultValue": false } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" }, "defaultValue": false } }, "borderRadius": { "type": "number", "displayName": "Border radius", "validation": { "schema": { "type": "number" }, "defaultValue": false } }, "borderColor": { "type": "color", "displayName": "Border color", "validation": { "schema": { "type": "string" }, "defaultValue": false } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onClick", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226" } ], "styles": { "backgroundColor": { "value": "#3e63dd26" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button7", "displayName": "Button", "description": "Trigger actions: queries, alerts, set variables etc.", "component": "Button", "defaultSize": { "width": 3, "height": 30 }, "exposedVariables": { "buttonText": "Button" }, "actions": [ { "handle": "click", "displayName": "Click" }, { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New Text" } ] }, { "handle": "disable", "displayName": "Disable", "params": [ { "handle": "disable", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "visibility", "displayName": "Visibility", "params": [ { "handle": "visible", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] }, { "handle": "loading", "displayName": "Loading", "params": [ { "handle": "loading", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "layouts": { "desktop": { "top": 470, "left": 60.46510115735242, "width": 7, "height": 40 } }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226" }, "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": { "component": { "properties": { "text": { "type": "code", "displayName": "Text", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Show loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": {}, "styles": { "fontWeight": { "type": "select", "displayName": "Font weight", "options": [ { "name": "normal", "value": "normal" }, { "name": "bold", "value": "bold" }, { "name": "lighter", "value": "lighter" }, { "name": "bolder", "value": "bolder" } ] }, "decoration": { "type": "select", "displayName": "Text decoration", "options": [ { "name": "none", "value": "none" }, { "name": "overline", "value": "overline" }, { "name": "line-through", "value": "line-through" }, { "name": "underline", "value": "underline" }, { "name": "overline underline", "value": "overline underline" } ] }, "transformation": { "type": "select", "displayName": "Text transformation", "options": [ { "name": "none", "value": "none" }, { "name": "uppercase", "value": "uppercase" }, { "name": "lowercase", "value": "lowercase" }, { "name": "capitalize", "value": "capitalize" } ] }, "fontStyle": { "type": "select", "displayName": "Font style", "options": [ { "name": "normal", "value": "normal" }, { "name": "italic", "value": "italic" }, { "name": "oblique", "value": "oblique" } ] }, "lineHeight": { "type": "number", "displayName": "Line height" }, "textIndent": { "type": "number", "displayName": "Text indent" }, "letterSpacing": { "type": "number", "displayName": "Letter spacing" }, "wordSpacing": { "type": "number", "displayName": "Word spacing" }, "fontVariant": { "type": "select", "displayName": "Font variant", "options": [ { "name": "normal", "value": "normal" }, { "name": "small-caps", "value": "small-caps" }, { "name": "initial", "value": "initial" }, { "name": "inherit", "value": "inherit" } ] }, "textSize": { "type": "number", "displayName": "Text size", "validation": { "schema": { "type": "number" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "textColor": { "type": "color", "displayName": "Text color", "validation": { "schema": { "type": "string" } } }, "textAlign": { "type": "alignButtons", "displayName": "Align text", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "backgroundColor": { "value": "#8888881a" }, "textColor": { "value": "#000000" }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "  {{components.table1.selectedRow.promo_code}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text49", "displayName": "Text", "description": "Display text or HTML", "component": "Text", "defaultSize": { "width": 6, "height": 30 }, "exposedVariables": { "text": "Hello, there!" }, "actions": [ { "handle": "setText", "displayName": "Set Text", "params": [ { "handle": "text", "displayName": "Text", "defaultValue": "New text" } ] }, { "handle": "visibility", "displayName": "Set Visibility", "params": [ { "handle": "visibility", "displayName": "Value", "defaultValue": "{{false}}", "type": "toggle" } ] } ] }, "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226", "layouts": { "desktop": { "top": 30, "left": 25.58139644141283, "width": 30, "height": 40 } }, "withDefaultChildren": false }, "c3abc934-592d-4051-bb65-9918c92cbf5b": { "id": "c3abc934-592d-4051-bb65-9918c92cbf5b", "component": { "properties": { "source": { "type": "code", "displayName": "URL", "validation": { "schema": { "type": "string" } } }, "loadingState": { "type": "toggle", "displayName": "Loading state", "validation": { "schema": { "type": "boolean" } } }, "alternativeText": { "type": "code", "displayName": "Alternative text", "validation": { "schema": { "type": "string" } } }, "zoomButtons": { "type": "toggle", "displayName": "Zoom button", "validation": { "schema": { "type": "boolean" } } }, "rotateButton": { "type": "toggle", "displayName": "Rotate button", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onClick": { "displayName": "On click" } }, "styles": { "borderType": { "type": "select", "displayName": "Border type", "options": [ { "name": "None", "value": "none" }, { "name": "Rounded", "value": "rounded" }, { "name": "Circle", "value": "rounded-circle" }, { "name": "Thumbnail", "value": "img-thumbnail" } ], "validation": { "schema": { "type": "string" } } }, "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "imageFit": { "type": "select", "displayName": "Image fit", "options": [ { "name": "fill", "value": "fill" }, { "name": "contain", "value": "contain" }, { "name": "cover", "value": "cover" }, { "name": "scale-down", "value": "scale-down" } ], "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "borderType": { "value": "none" }, "padding": { "value": "0" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "imageFit": { "value": "contain" }, "backgroundColor": { "value": "" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "source": { "value": "https://www.svgrepo.com/show/450182/info-circle.svg" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" }, "alternativeText": { "value": "" }, "zoomButtons": { "value": "{{false}}" }, "rotateButton": { "value": "{{false}}" } }, "general": { "tooltip": { "value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable." } }, "exposedVariables": {} }, "name": "image7", "displayName": "Image", "description": "Show image files", "defaultSize": { "width": 3, "height": 100 }, "component": "Image", "exposedVariables": {} }, "layouts": { "desktop": { "top": 20, "left": 86.04651162790697, "width": 3, "height": 20 } }, "parent": "8d336040-7fea-480b-be2a-ee1485302f97" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "#2f3c4c", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "pageSettings": { "properties": { "disableMenu": { "value": "{{true}}", "fxActive": false } } }, "showViewerNavigation": false, "homePageId": "aa21c135-4fa3-4734-8d60-3400c139845b", "appId": "318b79a1-0f2d-4489-8859-02f20781aa6d", "currentEnvironmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "promotedFrom": null, "createdAt": "2024-04-30T08:26:07.289Z", "updatedAt": "2024-05-09T06:13:24.100Z" } ], "appEnvironments": [ { "id": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2024-03-05T16:20:57.697Z", "updatedAt": "2024-03-05T16:20:57.697Z" }, { "id": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2024-03-05T16:20:57.697Z", "updatedAt": "2024-03-05T16:20:57.697Z" }, { "id": "221e0d7b-74d7-4298-a813-bf272122a378", "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2024-03-05T16:20:57.697Z", "updatedAt": "2024-03-05T16:20:57.697Z" } ], "dataSourceOptions": [ { "id": "a221cd3d-d479-4031-a49c-a4abb5341931", "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": null, "createdAt": "2024-04-30T08:26:07.364Z", "updatedAt": "2024-04-30T08:26:07.364Z" }, { "id": "ae7644a3-e0e1-4965-baad-c9405a6ceeec", "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": null, "createdAt": "2024-04-30T08:26:07.364Z", "updatedAt": "2024-04-30T08:26:07.364Z" }, { "id": "a7c710cd-b208-4384-a0b6-c195cea42b38", "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": null, "createdAt": "2024-04-30T08:26:07.364Z", "updatedAt": "2024-04-30T08:26:07.364Z" }, { "id": "8e96b5cd-3e4b-42a2-b94b-a3d91b165b25", "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": null, "createdAt": "2024-04-30T08:26:07.378Z", "updatedAt": "2024-04-30T08:26:07.378Z" }, { "id": "ed66156f-aee8-43d4-848d-5715db708ea9", "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": null, "createdAt": "2024-04-30T08:26:07.378Z", "updatedAt": "2024-04-30T08:26:07.378Z" }, { "id": "f9f00289-81c2-4d86-9666-ba62de462dbf", "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": null, "createdAt": "2024-04-30T08:26:07.378Z", "updatedAt": "2024-04-30T08:26:07.378Z" }, { "id": "2c05f376-5817-4e16-a3fd-1e491a9ccbdf", "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": null, "createdAt": "2024-04-30T08:26:07.391Z", "updatedAt": "2024-04-30T08:26:07.391Z" }, { "id": "74fa1f18-5508-4cae-b850-84f297c2137e", "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": null, "createdAt": "2024-04-30T08:26:07.391Z", "updatedAt": "2024-04-30T08:26:07.391Z" }, { "id": "46a21273-802f-446f-b21b-70ba52f8906a", "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": null, "createdAt": "2024-04-30T08:26:07.391Z", "updatedAt": "2024-04-30T08:26:07.391Z" }, { "id": "58357fd2-e8c1-44c4-ab37-3d49f5bc295f", "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": null, "createdAt": "2024-04-30T08:26:07.404Z", "updatedAt": "2024-04-30T08:26:07.404Z" }, { "id": "cf8cb4a4-885a-49a6-b2ae-23ba52090a6f", "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": null, "createdAt": "2024-04-30T08:26:07.404Z", "updatedAt": "2024-04-30T08:26:07.404Z" }, { "id": "8618e34b-9d2f-42ba-ac39-911022d9030f", "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": null, "createdAt": "2024-04-30T08:26:07.404Z", "updatedAt": "2024-04-30T08:26:07.404Z" }, { "id": "f60d3998-7130-449a-98e7-59330b7868c0", "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": null, "createdAt": "2024-04-30T08:26:07.420Z", "updatedAt": "2024-04-30T08:26:07.420Z" }, { "id": "5db3b6ea-0af8-4b6d-8d66-bfb76f46b4c8", "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": null, "createdAt": "2024-04-30T08:26:07.420Z", "updatedAt": "2024-04-30T08:26:07.420Z" }, { "id": "35195702-1967-4966-9cf6-108c17d534bf", "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": null, "createdAt": "2024-04-30T08:26:07.421Z", "updatedAt": "2024-04-30T08:26:07.421Z" }, { "id": "8810c2a4-a777-406c-a209-dcc7d458c677", "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125", "options": { "host": { "value": "35.202.183.199", "encrypted": false }, "port": { "value": 5432, "encrypted": false }, "database": { "value": "sugam_template", "encrypted": false }, "password": { "encrypted": true, "credential_id": "3db74358-2372-4b4e-8777-390f711b434e" }, "username": { "value": "postgres", "encrypted": false }, "ssl_enabled": { "value": false, "encrypted": false }, "connection_type": { "value": "manual", "encrypted": false }, "ssl_certificate": { "value": "none", "encrypted": false } }, "createdAt": "2024-04-30T08:26:07.734Z", "updatedAt": "2024-05-01T06:07:27.247Z" }, { "id": "2ccc264d-12b1-4f9e-8369-f6900be42887", "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb", "options": { "host": { "value": "35.202.183.199", "encrypted": false }, "port": { "value": 5432, "encrypted": false }, "database": { "value": "sugam_template", "encrypted": false }, "password": { "encrypted": true, "credential_id": "3db74358-2372-4b4e-8777-390f711b434e" }, "username": { "value": "postgres", "encrypted": false }, "ssl_enabled": { "value": false, "encrypted": false }, "connection_type": { "value": "manual", "encrypted": false }, "ssl_certificate": { "value": "none", "encrypted": false } }, "createdAt": "2024-04-30T08:26:07.745Z", "updatedAt": "2024-05-01T06:07:27.248Z" }, { "id": "1fb0c169-7e24-4bd4-9cf6-4605568cdee2", "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8", "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378", "options": { "host": { "value": "35.202.183.199", "encrypted": false }, "port": { "value": 5432, "encrypted": false }, "database": { "value": "sugam_template", "encrypted": false }, "password": { "encrypted": true, "credential_id": "3db74358-2372-4b4e-8777-390f711b434e" }, "username": { "value": "postgres", "encrypted": false }, "ssl_enabled": { "value": false, "encrypted": false }, "connection_type": { "value": "manual", "encrypted": false }, "ssl_certificate": { "value": "none", "encrypted": false } }, "createdAt": "2024-04-30T08:26:07.808Z", "updatedAt": "2024-05-01T06:07:27.248Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "3.0.16-cloud-lts" }