{ "tooljet_database": [ { "id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "table_name": "tj_admin_panel", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "constraints_type": { "is_not_null": true, "is_primary_key": true }, "keytype": "PRIMARY KEY" }, { "column_name": "customer_name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" }, { "column_name": "email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" }, { "column_name": "items", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" }, { "column_name": "subtotal", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" }, { "column_name": "delivery", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" }, { "column_name": "total_cost", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "constraints_type": { "is_not_null": false, "is_primary_key": false }, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "3469c521-8e1e-41e3-9b65-5fff3a58f65b", "type": "front-end", "name": "Admin Panel (ToolJet Database)", "slug": "3469c521-8e1e-41e3-9b65-5fff3a58f65b", "isPublic": false, "isMaintenanceOn": false, "icon": "table", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "255e4bf9-ba1e-458e-9269-030735c526ad", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2024-01-15T11:38:19.063Z", "creationMode": "DEFAULT", "updatedAt": "2024-05-03T05:45:40.760Z", "editingVersion": { "id": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "name": "v1", "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": "SaaS Licence 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.44185810108917, "width": 12.999999999999998, "height": 530 } } }, "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": "Software name", "key": "promo_code", "columnType": "string", "autogenerated": true }, { "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8", "name": "License key", "key": "discount_value", "columnType": "string", "autogenerated": true }, { "id": "66211b00-fdfe-4ee4-b656-02275a663665", "name": "Assigned to", "key": "free_shipping", "columnType": "default", "autogenerated": true, "values": "{{[true, false]}}", "labels": "{{[\"Yes\", \"No\"]}}", "activeColor": "#3e63ddff", "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}" }, { "name": "Email", "id": "88ec5235-60be-4841-a5a6-a08e342b34b8", "columnType": "string" }, { "name": "Type of license", "id": "688e46f7-d1ca-47b1-a4c5-5dde335297e0", "columnType": "dropdown", "values": "{{[1,2]}}", "labels": "{{[\"Individual\", \"Team\"]}}", "isEditable": "{{true}}" }, { "name": "Valid till", "id": "192cbdd7-f847-4ed6-b19a-464ffad1f034", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "name": "Status", "id": "4d7352bc-e4d7-4471-b892-4e5ee73a9e9c" }, { "name": "Notes", "id": "087dd50a-c6e9-47f1-b958-4d37f58b0972" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 15, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105, "28f5b628-749e-493a-b307-63cdcc071a7f": 139, "66211b00-fdfe-4ee4-b656-02275a663665": 0 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Copy license key", "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", "Purchase date" ] } }, "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.651169700317449, "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\", \"Expired\"]}}" }, "display_values": { "value": "{{[\"Active\", \"Expired\"]}}" }, "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.76743327394556, "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": "Licenses 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": "Add License" }, "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.44185600071516, "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 license 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": "SOFTWARE :" }, "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": "ASSIGNED TO :" }, "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": 100, "left": 4.651170566837932, "width": 15.000000000000002, "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": "EMAIL :" }, "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": 150, "left": 4.651149602444274, "width": 14, "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": "VALID TILL :" }, "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": 200, "left": 4.6511784536347704, "width": 12.999999999999998, "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": "TYPE :" }, "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": 250, "left": 4.651168092154227, "width": 12, "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": "NOTES :" }, "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": 360, "left": 4.651201681458636, "width": 12.999999999999998, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "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": "Adobe Photoshop" }, "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": 41.86046511627907, "width": 22.000000000000004, "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": "Nechal Maggon" }, "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": 100, "left": 41.86046511627907, "width": 22.000000000000004, "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": "nechalmaggon@gmail.com" }, "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": 150, "left": 41.86047492447669, "width": 22.000000000000004, "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": "01/07/2024" }, "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": 200, "left": 41.86046984433331, "width": 22.000000000000004, "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": "Team" }, "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": 250, "left": 41.8604780832193, "width": 22.000000000000004, "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "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.11629528111348, "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", "queryId": "a6c68044-a67b-476e-ab8f-84e0ceda3e78", "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", "queryId": "f5071a1f-7f38-4134-bd5e-e4b88589c7ed", "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 }, "1b3da9cb-122f-40a7-a348-3c5e6d179640": { "id": "1b3da9cb-122f-40a7-a348-3c5e6d179640", "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": "3 workspaces \nSSO enabled \n20Gb storage" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text50", "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": 360, "left": 41.86046951236355, "width": 22.000000000000004, "height": 50 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8": { "id": "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8", "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "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": "Renew" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button8", "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.46511627906976, "width": 14, "height": 40 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d69936c9-a4d4-4c3c-b8aa-bd7175156158": { "id": "d69936c9-a4d4-4c3c-b8aa-bd7175156158", "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "queryName": "generatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#4a4a4aff" }, "loaderColor": { "value": "#4a4a4aff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#9b9b9bff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Open software >" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button9", "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": 4.651162790697674, "width": 22.000000000000004, "height": 40 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "1f5b7856-c4b1-402a-b27c-0119b7474fa8": { "component": { "properties": { "data": { "type": "code", "displayName": "Tags", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "title": { "type": "string" }, "color": { "type": "string" }, "textColor": { "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": {}, "styles": { "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}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "data": { "value": "{{ [ \n\t\t{ title: 'Active', color: '#2fb344', textColor: '#fff' }\n\t ] }}" } }, "general": {}, "exposedVariables": {} }, "name": "tags1", "displayName": "Tags", "description": "Display tag labels", "component": "Tags", "defaultSize": { "width": 8, "height": 30 }, "exposedVariables": {} }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 310, "left": 41.86051065649506, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "d17d5709-22de-49f9-95a3-e16742e37665": { "id": "d17d5709-22de-49f9-95a3-e16742e37665", "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": "STATUS :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text51", "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.651153324529529, "width": 12.999999999999998, "height": 20 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" } }, "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": "#2f3c4c", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "appId": "3469c521-8e1e-41e3-9b65-5fff3a58f65b", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2024-01-15T11:38:19.082Z", "updatedAt": "2024-05-03T07:29:19.585Z" }, "components": [ { "id": "f26220b3-5028-46eb-bf7d-76d5d5e5fd66", "name": "text26", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "67fb457f-6589-411c-b788-73b339aebd13", "properties": { "text": { "value": "Customers" } }, "general": null, "styles": { "textColor": { "value": "#3e63ddff" }, "textSize": { "value": "{{20}}" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "544a6d5d-ba97-45c5-a291-35d009464139", "type": "desktop", "top": 30, "left": 2.325582061030863, "width": 14.000000000000002, "height": 40, "componentId": "f26220b3-5028-46eb-bf7d-76d5d5e5fd66", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "6bd57b76-5280-48dd-8950-49f12b4377a3", "name": "text29", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "text": { "value": "Item :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:10:38.671Z", "layouts": [ { "id": "cc31ee31-9985-4053-ab04-b5be19cf525e", "type": "desktop", "top": 20, "left": 4.651138072253336, "width": 8, "height": 40, "componentId": "6bd57b76-5280-48dd-8950-49f12b4377a3", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "21cc53fd-0fb4-41af-bf81-679fc998b58b", "name": "container1", "type": "Container", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "layouts": [ { "id": "4520b8a9-d5fa-4660-b465-2554bc177e4d", "type": "desktop", "top": 20, "left": 2.3255808298005536, "width": 41, "height": 70, "componentId": "21cc53fd-0fb4-41af-bf81-679fc998b58b", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "613e3f19-fb4a-4569-8ce1-6fbea8aa3cd6", "name": "text11", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Delivery :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" }, "textAlign": { "value": "right" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:05:35.245Z", "layouts": [ { "id": "43b90466-89bb-47dd-b11c-990767b7ff09", "type": "desktop", "top": 710, "left": 51.16277230624662, "width": 6, "height": 40, "componentId": "613e3f19-fb4a-4569-8ce1-6fbea8aa3cd6", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "01190b70-006a-4ab8-b12f-253e42fcf935", "name": "text5", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Name :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:04:52.934Z", "layouts": [ { "id": "9452ab13-2126-415f-b4dd-832c600dc776", "type": "desktop", "top": 30, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "01190b70-006a-4ab8-b12f-253e42fcf935", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "fac16523-c5a7-4000-aff3-ca6200cdc2d9", "name": "text12", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Email :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:04:24.414Z", "layouts": [ { "id": "b1d475bf-8a8a-4194-a1d3-854ac214100e", "type": "desktop", "top": 90, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "fac16523-c5a7-4000-aff3-ca6200cdc2d9", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "78ded770-2c2e-497d-9f7d-0587f816f343", "name": "text33", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "text": { "value": "Cost :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:10:53.902Z", "layouts": [ { "id": "140a8ff6-c169-458f-89ba-076e31b86c7f", "type": "desktop", "top": 120, "left": 53.488392907403686, "width": 5, "height": 40, "componentId": "78ded770-2c2e-497d-9f7d-0587f816f343", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "d792eae4-0f37-4942-b1df-9dfd83283130", "name": "button4", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Cancel" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T21:49:51.234Z", "layouts": [ { "id": "e5d782ab-996f-4736-9d67-e86b9c634ead", "type": "desktop", "top": 880, "left": 60.465145826931774, "width": 7, "height": 40, "componentId": "d792eae4-0f37-4942-b1df-9dfd83283130", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "name": "table1", "type": "Table", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "67fb457f-6589-411c-b788-73b339aebd13", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.listCustomers.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.listCustomers.data}}" }, "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": "bd520f2c-94bc-4a31-a40e-4587ee1b28b0", "name": "customer name", "key": "customer_name", "columnType": "string", "autogenerated": true, "textWrap": "wrap" }, { "name": "Email", "id": "21928468-65b8-4c69-81c3-9e629f034e2e", "key": "email", "textWrap": "wrap" }, { "id": "ca7c64df-faea-4b72-92d1-c18e54788469", "name": "items", "key": "transformedItems", "columnType": "tags", "autogenerated": true }, { "id": "04662284-e382-4221-96f1-b164ee099bfc", "name": "subtotal", "key": "subtotal", "columnType": "string", "autogenerated": true, "textWrap": "wrap" }, { "id": "57071a8a-2518-43aa-ab45-b98354c89888", "name": "delivery", "key": "delivery", "columnType": "string", "autogenerated": true, "textWrap": "wrap" }, { "id": "0a59da37-c4ee-4cde-83fe-601f575185b6", "name": "total cost", "key": "total_cost", "columnType": "string", "autogenerated": true, "textWrap": "wrap" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{true}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 53, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105, "28f5b628-749e-493a-b307-63cdcc071a7f": 139, "66211b00-fdfe-4ee4-b656-02275a663665": 0, "ea4a376f-bd89-47ba-bf67-15bedf3b661c": 229, "aaef8f09-eb28-4b84-8d4e-4de85c05127f": 387, "703777bd-71d9-463e-a35e-35ce026af4e7": 368, "013655b2-7792-41d9-92a6-1990e2b5e303": 416, "552006d5-125d-4c6d-89ca-3d23e1d3f874": 189, "a877401c-9096-42f1-b488-b10f7a98c51e": 153, "92f07292-b119-495e-9dc8-5f0ef45d5458": 50, "bd520f2c-94bc-4a31-a40e-4587ee1b28b0": 141, "bf8210be-7d74-4751-b9c7-da30cb0883be": 304, "6059856e-119d-4659-9b6e-cd9a602a09c6": 323, "aecbaf6e-8291-493a-af70-7f92ea31481b": 182, "ca7c64df-faea-4b72-92d1-c18e54788469": 470, "04662284-e382-4221-96f1-b164ee099bfc": 107, "57071a8a-2518-43aa-ab45-b98354c89888": 111, "0a59da37-c4ee-4cde-83fe-601f575185b6": 52, "21928468-65b8-4c69-81c3-9e629f034e2e": 180 } }, "actions": { "value": [ { "name": "Action1", "buttonText": "Edit", "events": [], "position": "right" }, { "name": "Action2", "buttonText": "🗑️", "events": [], "position": "right" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{components.table1.currentPageData[0]}}" }, "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", "Purchase date", "Email", "Type of license", "Valid till", "Status", "Notes", "license", "generation_date", "notes", "type", "url", "", "email", "Total cost", "items", "transformedItems" ] }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": null, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-bordered" }, "maxRowHeight": { "value": "auto" }, "maxRowHeightValue": { "value": 45 } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-05-03T07:19:06.218Z", "layouts": [ { "id": "145d8a66-186b-499a-b3fe-8037c3a223c1", "type": "desktop", "top": 80, "left": 2.3255819131079227, "width": 41, "height": 580, "componentId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "updatedAt": "2024-05-03T07:13:45.618Z" } ] }, { "id": "9b515d23-600b-43a3-b21c-103ea337d1df", "name": "text28", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Add items :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:04:44.209Z", "layouts": [ { "id": "053ce315-9c57-4832-85b0-db79b3ca79b8", "type": "desktop", "top": 150, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "9b515d23-600b-43a3-b21c-103ea337d1df", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "3b669d2a-c304-4e0c-8d37-c28ea12edf74", "name": "text24", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Total cost :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:03:40.758Z", "layouts": [ { "id": "1fb490fc-5bb0-4869-ab82-891d7a09fe1f", "type": "desktop", "top": 770, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "3b669d2a-c304-4e0c-8d37-c28ea12edf74", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "39128762-7072-4a0c-bf4b-3b3e35c962f8", "name": "text25", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "385bc2c8-2e93-43f6-b0cc-0b1d7d5feb91", "type": "desktop", "top": 770, "left": 18.60466432035639, "width": 2, "height": 40, "componentId": "39128762-7072-4a0c-bf4b-3b3e35c962f8", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "2a38731e-0d10-4a06-b857-79c394c74b50", "name": "numberinput8", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "value": { "value": "20" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T23:55:11.691Z", "layouts": [ { "id": "cced1514-ff15-4724-80e2-dd4a8a486fb3", "type": "desktop", "top": 120, "left": 65.11629567211423, "width": 12.999999999999998, "height": 40, "componentId": "2a38731e-0d10-4a06-b857-79c394c74b50", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "4a4b8ed0-093c-40cc-ad3b-750f673023c5", "name": "dropdown5", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "label": { "value": "" }, "display_values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" }, "values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" }, "value": { "value": "{{\"Product A\"}}" } }, "general": null, "styles": { "borderRadius": { "value": "5" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:13:40.204Z", "layouts": [ { "id": "16141e44-2b7f-474f-9f9c-269ef3179984", "type": "desktop", "top": 20, "left": 23.255766273408778, "width": 31, "height": 40, "componentId": "4a4b8ed0-093c-40cc-ad3b-750f673023c5", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "dd557530-8840-442b-b9e7-7ea2788f6c85", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "4a4b8ed0-093c-40cc-ad3b-750f673023c5", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "0398dbba-dc42-4d3b-babd-d5dfca7b36d2", "name": "text27", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "text": { "value": "Category :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:10:42.913Z", "layouts": [ { "id": "ac93cc81-b203-40c8-9832-00ec4e21a760", "type": "desktop", "top": 70, "left": 4.6511875791695845, "width": 8, "height": 40, "componentId": "0398dbba-dc42-4d3b-babd-d5dfca7b36d2", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "91dad43c-4546-4194-af1a-689e2f9f0b81", "name": "text4", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "149ba33b-e73f-4578-acfe-40ec85c2479d", "type": "desktop", "top": 710, "left": 65.11629402839891, "width": 2, "height": 40, "componentId": "91dad43c-4546-4194-af1a-689e2f9f0b81", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "a3ad1e68-10d1-4b00-a917-69af8837c912", "name": "button2", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "67fb457f-6589-411c-b788-73b339aebd13", "properties": { "text": { "value": "+ Add customer" }, "loadingState": { "fxActive": false } }, "general": null, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "textColor": { "value": "#ffffffff" }, "loaderColor": { "value": "#ffffffff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:15:50.548Z", "layouts": [ { "id": "36f5eac0-5ce8-4281-9486-54a7387f0f4a", "type": "desktop", "top": 30, "left": 81.39538317728011, "width": 7, "height": 40, "componentId": "a3ad1e68-10d1-4b00-a917-69af8837c912", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "cea39252-0cc9-458f-af50-bf06e82e8089", "name": "button7", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "+ Add item" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:11:03.685Z", "layouts": [ { "id": "9e64602b-7c40-4c30-81f8-d45bc620cfdc", "type": "desktop", "top": 340, "left": 18.604635915411077, "width": 33, "height": 40, "componentId": "cea39252-0cc9-458f-af50-bf06e82e8089", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "name": "modal1", "type": "Modal", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": null, "properties": { "title": { "value": "Add customer" }, "useDefaultButton": { "value": "{{false}}" }, "modalHeight": { "value": "950px" } }, "general": null, "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:11:34.698Z", "layouts": [ { "id": "aa4842b9-9359-40fd-8143-66f40d5d4b11", "type": "desktop", "top": 840, "left": 2.3255779517778135, "width": 4, "height": 40, "componentId": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "updatedAt": "2024-05-03T06:59:40.759Z" } ] }, { "id": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "name": "container3", "type": "Container", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": {}, "general": null, "styles": { "backgroundColor": { "value": "#3e63dd1a" }, "borderColor": { "value": "#ffffff00" }, "borderRadius": { "value": "10" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:09:42.038Z", "layouts": [ { "id": "d2d8dc1f-e2b4-452a-bf95-5e8f0d3e370c", "type": "desktop", "top": 150, "left": 18.604647903528456, "width": 33, "height": 190, "componentId": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "98a89b4b-b94a-45cc-99f2-53676cd933e8", "type": "mobile", "top": 290, "left": 48.83720930232558, "width": 11.627906976744185, "height": 200, "componentId": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "341d23e3-4d28-4e70-8c8e-e77abca37e72", "name": "numberinput3", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "value": { "value": "50" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": { "value": "" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false }, "direction": { "value": "left" }, "auto": { "value": true }, "icon": { "value": "IconHome2" }, "iconVisibility": { "value": false }, "alignment": { "value": "side" } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:09:11.203Z", "layouts": [ { "id": "490d62c6-a719-4f5b-bbb1-994d8ba14814", "type": "desktop", "top": 710, "left": 69.76743571577147, "width": 11.000000000000002, "height": 40, "componentId": "341d23e3-4d28-4e70-8c8e-e77abca37e72", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "979b6415-a171-4e56-82de-efc8480de14c", "name": "button3", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Create" }, "loadingState": { "value": "{{queries.addCustomer.isLoading}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T23:31:00.791Z", "layouts": [ { "id": "8c2931d4-f40d-4094-8394-b84ba9802b32", "type": "desktop", "top": 880, "left": 79.06980228632753, "width": 7.000000000000001, "height": 40, "componentId": "979b6415-a171-4e56-82de-efc8480de14c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "e3848922-ea58-4873-b432-2884ab7a451e", "name": "text32", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "text": { "value": "Quantity :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:10:49.041Z", "layouts": [ { "id": "3819b87f-2c74-4427-a3d4-25dcaddff10f", "type": "desktop", "top": 120, "left": 4.6511814166601, "width": 8, "height": 40, "componentId": "e3848922-ea58-4873-b432-2884ab7a451e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "c438252a-fe3d-451f-a196-ea8bd46e03b2", "name": "textinput2", "type": "TextInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "placeholder": { "value": "Enter name" }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": null, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "61f918d7-6849-4268-9375-ae7c5d6c5066", "type": "desktop", "top": 30, "left": 18.6046511627907, "width": 33, "height": 40, "componentId": "c438252a-fe3d-451f-a196-ea8bd46e03b2", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "b86914c1-9bea-4fc5-a0cd-30e1ad9d1347", "name": "divider1", "type": "Divider", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": {}, "general": null, "styles": { "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "layouts": [ { "id": "23a7b60d-708b-4d73-922c-90addeac7bdc", "type": "desktop", "top": 672, "left": 0, "width": 43, "height": -172, "componentId": "b86914c1-9bea-4fc5-a0cd-30e1ad9d1347", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "6f37bf4f-8827-41ce-829f-72da02dfc0c8", "name": "numberinput14", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "value": { "value": "2" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "50" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "9127347d-9107-4f3f-a970-ce7d6e85298d", "type": "desktop", "top": 104, "left": 20.930233256802037, "width": 31.000000000000004, "height": 30, "componentId": "6f37bf4f-8827-41ce-829f-72da02dfc0c8", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "86d348e4-4d8c-491b-a1da-9b1a6db329ca", "name": "dropdown8", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "label": { "value": "" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "layouts": [ { "id": "93de7d7f-2311-48ea-a35d-4c801969f9dd", "type": "desktop", "top": 60, "left": 58.13953405136789, "width": 15.000000000000002, "height": 30, "componentId": "86d348e4-4d8c-491b-a1da-9b1a6db329ca", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "1c721516-44ec-4bb0-8351-894d2a3732e4", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "86d348e4-4d8c-491b-a1da-9b1a6db329ca", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "8222fd77-097f-4858-af32-9d6f07953c6a", "name": "text41", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "text": { "value": "Category:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "d32ad26a-cb8a-4b2a-8a2b-58e0118ea67e", "type": "desktop", "top": 60, "left": 41.86049899953488, "width": 8, "height": 20, "componentId": "8222fd77-097f-4858-af32-9d6f07953c6a", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "f358c4f9-c9a0-44df-8368-54763cf19a54", "name": "numberinput6", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "value": { "value": "{{queries.calculateSubtotal.data}}" }, "placeholder": { "value": "" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}", "fxActive": true }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "fb232f62-3aed-418e-9e31-8afabac169fc", "type": "desktop", "top": 710, "left": 23.25581818260746, "width": 11.000000000000002, "height": 40, "componentId": "f358c4f9-c9a0-44df-8368-54763cf19a54", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff", "name": "dropdown6", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "label": { "value": "" }, "values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" }, "display_values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" }, "value": { "value": "{{\"Category A\"}}" } }, "general": null, "styles": { "borderRadius": { "value": "5" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:13:46.619Z", "layouts": [ { "id": "406e1a17-ae83-4385-b1c5-84a6da288997", "type": "desktop", "top": 70, "left": 23.255803903988298, "width": 31, "height": 40, "componentId": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "aaee7a8e-0063-4f86-b3be-a0c92a124fad", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "ca2bf95b-bc7d-4114-b713-4edee3feadd2", "name": "text30", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Subtotal :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:03:45.565Z", "layouts": [ { "id": "8dd077b2-1b5b-49dc-a4fe-4788e8a89202", "type": "desktop", "top": 710, "left": 4.651162651133472, "width": 6, "height": 40, "componentId": "ca2bf95b-bc7d-4114-b713-4edee3feadd2", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "54515a91-8afd-4dfe-a1db-9aec077cda93", "name": "numberinput7", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c", "properties": { "value": { "value": "2" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "10000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "3eac5852-0384-42f1-8e91-b2c0c1d7ddfb", "type": "desktop", "top": 120, "left": 23.255828329267374, "width": 11, "height": 40, "componentId": "54515a91-8afd-4dfe-a1db-9aec077cda93", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "9ac267cc-906d-44d5-8371-eb3a02f5ce04", "name": "divider3", "type": "Divider", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": {}, "general": null, "styles": { "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "layouts": [ { "id": "9511d047-634b-497c-b101-2fb93c11d6ae", "type": "desktop", "top": 842, "left": -6.21365359165793e-8, "width": 43, "height": -5, "componentId": "9ac267cc-906d-44d5-8371-eb3a02f5ce04", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "e57c7473-607b-4286-9db1-4e8a70bcb30d", "name": "text31", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "5ae5d6b6-ad9c-46b2-816e-b4328e2500f5", "type": "desktop", "top": 710, "left": 18.604655748002983, "width": 2, "height": 40, "componentId": "e57c7473-607b-4286-9db1-4e8a70bcb30d", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "533f2158-b780-4cd3-b125-27d71378febf", "name": "numberinput12", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "value": { "value": "{{components.numberinput6.value + components.numberinput3.value}}" }, "placeholder": { "value": "" }, "disabledState": { "value": "{{true}}", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "50" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T19:10:11.302Z", "layouts": [ { "id": "bf8150b9-4844-424e-aac7-2f5ce29068a2", "type": "desktop", "top": 770, "left": 23.255813499544725, "width": 11.000000000000002, "height": 40, "componentId": "533f2158-b780-4cd3-b125-27d71378febf", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "1575d9c7-ec9e-4896-8de3-ed41c9c59d0d", "name": "text1", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "21cc53fd-0fb4-41af-bf81-679fc998b58b", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": null, "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" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "c14097db-da82-4e86-9877-e0f2631f8345", "type": "desktop", "top": 10, "left": 2.325581395348837, "width": 11, "height": 40, "componentId": "1575d9c7-ec9e-4896-8de3-ed41c9c59d0d", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "0f1b1ca3-1ba9-4e43-8745-0958ef10d202", "name": "text2", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "21cc53fd-0fb4-41af-bf81-679fc998b58b", "properties": { "text": { "value": "ToolJet admin panel" }, "loadingState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "general": null, "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" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-04-26T08:05:53.882Z", "layouts": [ { "id": "ec21ce34-e8b6-4b75-bdfb-056507fcd135", "type": "desktop", "top": 10, "left": 69.76744229792882, "width": 12, "height": 40, "componentId": "0f1b1ca3-1ba9-4e43-8745-0958ef10d202", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "aadf56d4-50be-4a39-b6e9-6dd195b0e15a", "name": "text38", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "text": { "value": "Quantity:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "ba0947de-d7ae-4e2b-9749-3aec2a453ced", "type": "desktop", "top": 60, "left": 2.325610506369337, "width": 8, "height": 20, "componentId": "aadf56d4-50be-4a39-b6e9-6dd195b0e15a", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "72295e2c-118a-4dbe-8789-10f1975c7f73", "name": "text39", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "text": { "value": "Item:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "48fa04f5-fe42-4700-9158-5b702c85def2", "type": "desktop", "top": 10, "left": 2.3255763415511286, "width": 8, "height": 30, "componentId": "72295e2c-118a-4dbe-8789-10f1975c7f73", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "26ee6d6e-1f9b-491a-b095-99b2128d3b30", "name": "dropdown7", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "label": { "value": "" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "layouts": [ { "id": "8cde6552-ebe2-44f4-a580-18c621c0f3e7", "type": "desktop", "top": 10, "left": 20.930232558139537, "width": 31.000000000000004, "height": 30, "componentId": "26ee6d6e-1f9b-491a-b095-99b2128d3b30", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "2546097e-3c6b-4960-a7be-9c8359952307", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "26ee6d6e-1f9b-491a-b095-99b2128d3b30", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "67fb457f-6589-411c-b788-73b339aebd13", "name": "container2", "type": "Container", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": null, "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": null, "styles": { "backgroundColor": { "value": "#fff" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-15T00:05:35.654Z", "layouts": [ { "id": "05c65063-096d-438a-9839-a5d65ce5f963", "type": "desktop", "top": 110, "left": 2.3255813953488373, "width": 41, "height": 690, "componentId": "67fb457f-6589-411c-b788-73b339aebd13", "updatedAt": "2024-05-03T06:59:34.217Z" } ] }, { "id": "57899d4e-5161-412d-95eb-117eba5f2211", "name": "numberinput13", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "value": { "value": "2" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": null, "validation": { "minValue": { "value": "50" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "ce51f9d6-42ed-41d1-b447-7cfd40e2d5a7", "type": "desktop", "top": 54, "left": 20.930232558139537, "width": 8, "height": 30, "componentId": "57899d4e-5161-412d-95eb-117eba5f2211", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "f02cda46-05a6-4598-8fa2-239fa7d16ae5", "name": "text40", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088", "properties": { "text": { "value": "Cost:" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": null, "validation": {}, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "f95613ed-fca9-49f7-ba49-154e2c6f5f37", "type": "desktop", "top": 110, "left": 2.325575262856696, "width": 9, "height": 20, "componentId": "f02cda46-05a6-4598-8fa2-239fa7d16ae5", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "9431c509-98d5-4e17-af90-eff1743786a2", "name": "textinput4", "type": "TextInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "placeholder": { "value": "Enter email" }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" }, "regex": { "value": "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$" } }, "createdAt": "2024-01-22T19:21:08.946Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "fe82e739-bcc0-40f0-8217-f1dcdeeaf909", "type": "desktop", "top": 90, "left": 18.604655020124106, "width": 33, "height": 40, "componentId": "9431c509-98d5-4e17-af90-eff1743786a2", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "07838e8a-075d-4f10-9d2c-8c760436004c", "name": "text42", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "text": { "value": "Category:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "a0806d3f-3caa-4f4f-915d-691789019244", "type": "desktop", "top": 60, "left": 2.325611369146351, "width": 8, "height": 20, "componentId": "07838e8a-075d-4f10-9d2c-8c760436004c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "a8378f45-7307-473c-8d3f-4158628cfcc8", "name": "numberinput10", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "value": { "value": "20" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "20" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "557ae02c-40b6-4d06-8209-f044d24cba0f", "type": "desktop", "top": 94, "left": 62.79071517669925, "width": 13.000000000000002, "height": 30, "componentId": "a8378f45-7307-473c-8d3f-4158628cfcc8", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "1126a73b-d6e5-44f9-8d2f-7a2e8e496ccb", "name": "text35", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "text": { "value": "Quantity:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "e7f31bad-0ceb-4214-ac51-bd310baeae5f", "type": "desktop", "top": 100, "left": 2.325611369146349, "width": 8, "height": 20, "componentId": "1126a73b-d6e5-44f9-8d2f-7a2e8e496ccb", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "760e1267-59d4-4adb-bb11-aaf9656ec1fb", "name": "text36", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "text": { "value": "Item:" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "8138379e-bf8f-4504-b186-b922a16e9427", "type": "desktop", "top": 10, "left": 2.3255763415511286, "width": 8, "height": 30, "componentId": "760e1267-59d4-4adb-bb11-aaf9656ec1fb", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "bb123908-fa2b-470a-9322-7461ed98cc05", "name": "dropdown9", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "label": { "value": "" }, "value": { "value": "{{\"Product A\"}}" }, "values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" }, "display_values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-01-22T20:03:38.252Z", "layouts": [ { "id": "30a14f59-0c47-40b9-886d-644b00a5c7a7", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "bb123908-fa2b-470a-9322-7461ed98cc05", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "f219fc96-2a7e-455a-aa3d-712e002c5a1d", "type": "desktop", "top": 10, "left": 20.930234968331128, "width": 31.000000000000004, "height": 30, "componentId": "bb123908-fa2b-470a-9322-7461ed98cc05", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "ad4440fd-0305-4e2e-8b49-600b73c526a5", "name": "text37", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "text": { "value": "Cost:" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "479e19a4-28a2-4741-ae82-eb96e8f0c46f", "type": "desktop", "top": 100, "left": 51.16279069767442, "width": 5, "height": 20, "componentId": "ad4440fd-0305-4e2e-8b49-600b73c526a5", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9", "name": "dropdown10", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "label": { "value": "" }, "value": { "value": "{{\"Category A\"}}" }, "values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" }, "display_values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-01-22T20:03:38.252Z", "layouts": [ { "id": "c62a03f4-184f-430c-94ca-ababf349426a", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "d7f4a89b-4da9-4249-badb-0cde700a8654", "type": "desktop", "top": 50, "left": 20.93022617550278, "width": 31.000000000000004, "height": 30, "componentId": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "60e6c563-e7dd-480e-8919-cbba8a08b36c", "name": "numberinput9", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3", "properties": { "value": { "value": "2" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false }, "label": "" }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "10000" } }, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "d892515a-1ae9-4558-9b52-abcf72e4c155", "type": "desktop", "top": 94, "left": 20.93021424610484, "width": 11, "height": 30, "componentId": "60e6c563-e7dd-480e-8919-cbba8a08b36c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "d3da89be-593b-4e7e-a0b7-0643f0f509f7", "name": "text59", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe", "properties": { "text": { "value": "{{listItem.item}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "e80f521f-831f-4c01-a13f-923e317ddd8a", "type": "desktop", "top": 10, "left": 2.325581340123772, "width": 8.999999999999998, "height": 30, "componentId": "d3da89be-593b-4e7e-a0b7-0643f0f509f7", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "42920c55-2e75-414f-9231-21fd3eeb759e", "name": "text60", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe", "properties": { "text": { "value": "{{listItem.category}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "09e33bc9-992b-4116-8878-bd9a45dcee35", "type": "mobile", "top": 20, "left": 18.6046511627907, "width": 13.953488372093023, "height": 30, "componentId": "42920c55-2e75-414f-9231-21fd3eeb759e", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "350b3da8-3f85-4705-9dab-d98ee6183d36", "type": "desktop", "top": 10, "left": 25.581407505254685, "width": 10, "height": 30, "componentId": "42920c55-2e75-414f-9231-21fd3eeb759e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "39db382b-141b-41aa-981a-69fcf2670a18", "name": "text61", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe", "properties": { "text": { "value": "{{listItem.cost}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "47ed4188-3a9a-405a-accd-eb04380bcf66", "type": "mobile", "top": 20, "left": 18.6046511627907, "width": 13.953488372093023, "height": 30, "componentId": "39db382b-141b-41aa-981a-69fcf2670a18", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "fda7fa10-0c7a-4a64-86cf-35e89d02b130", "type": "desktop", "top": 10, "left": 55.81394608354686, "width": 8, "height": 30, "componentId": "39db382b-141b-41aa-981a-69fcf2670a18", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "96e5e586-8e8d-40fd-8ab6-73f342c64050", "name": "text62", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe", "properties": { "text": { "value": "{{listItem.quantity}}" } }, "general": null, "styles": {}, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "fdaa54fe-ae4f-4f75-a697-a37e83055ab9", "type": "mobile", "top": 20, "left": 18.6046511627907, "width": 13.953488372093023, "height": 30, "componentId": "96e5e586-8e8d-40fd-8ab6-73f342c64050", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "345eb1ba-1336-4e2b-894a-83cdb74b1f36", "type": "desktop", "top": 10, "left": 79.069770523496, "width": 5, "height": 30, "componentId": "96e5e586-8e8d-40fd-8ab6-73f342c64050", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "c6ce4ad0-4ce7-4897-835f-6ffaf65fb5e0", "name": "text63", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487", "properties": { "text": { "value": "Category" } }, "general": null, "styles": { "textColor": { "value": "#666666ff", "fxActive": false }, "fontWeight": { "value": "bold" }, "textIndent": { "value": "{{10}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "5e25985d-c0a3-459e-a640-fc0a1e623ea2", "type": "desktop", "top": 10, "left": 25.581391205039903, "width": 11, "height": 30, "componentId": "c6ce4ad0-4ce7-4897-835f-6ffaf65fb5e0", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "80f4c2fc-e01f-421e-957a-29f0de91a2e9", "name": "text64", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487", "properties": { "text": { "value": "Cost" } }, "general": null, "styles": { "textColor": { "value": "#666666ff", "fxActive": false }, "fontWeight": { "value": "bold" }, "textIndent": { "value": "{{8}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "a624f8fb-6a93-450b-af8c-d76f5a787c9e", "type": "desktop", "top": 10, "left": 55.8139058034457, "width": 7, "height": 30, "componentId": "80f4c2fc-e01f-421e-957a-29f0de91a2e9", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "53e5fc50-be4e-4809-99de-5919da3c369c", "name": "text65", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487", "properties": { "text": { "value": "Item" } }, "general": null, "styles": { "textColor": { "value": "#666666ff", "fxActive": false }, "fontWeight": { "value": "bold" }, "textIndent": { "value": "{{10}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "bd920e53-9fe4-4d48-9674-b22f4f6c3e5e", "type": "desktop", "top": 10, "left": 2.3255828820984954, "width": 8, "height": 30, "componentId": "53e5fc50-be4e-4809-99de-5919da3c369c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "4310d4c8-35ce-4d22-8bdf-69ef2a210b9a", "name": "text66", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487", "properties": { "text": { "value": "Quantity" } }, "general": null, "styles": { "textColor": { "value": "#666666ff", "fxActive": false }, "fontWeight": { "value": "bold" }, "textIndent": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-01-22T20:03:38.252Z", "updatedAt": "2024-02-28T16:34:54.683Z", "layouts": [ { "id": "24fad2fd-30ea-4b31-b03c-8c65ee2787ff", "type": "desktop", "top": 10, "left": 79.06977592347783, "width": 7, "height": 30, "componentId": "4310d4c8-35ce-4d22-8bdf-69ef2a210b9a", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9", "name": "table2", "type": "Table", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "enablePagination": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showBulkUpdateActions": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "data": { "value": "{{variables.items}}" }, "columns": { "value": [ { "id": "1592e521-3bb9-4ec1-bb70-aa77a1388be1", "name": "item", "key": "item", "columnType": "string", "autogenerated": true }, { "id": "efcc7580-faa4-4307-8fca-77309ebd4e7e", "name": "category", "key": "category", "columnType": "string", "autogenerated": true }, { "id": "19d70c4f-2c01-4812-b3d3-914c58532856", "name": "quantity", "key": "quantity", "columnType": "string", "autogenerated": true }, { "id": "5cec7503-6fc8-4026-8cec-0c07dedc3647", "name": "cost", "key": "cost", "columnType": "string", "autogenerated": true } ] }, "columnSizes": { "value": { "1592e521-3bb9-4ec1-bb70-aa77a1388be1": 104, "efcc7580-faa4-4307-8fca-77309ebd4e7e": 115, "19d70c4f-2c01-4812-b3d3-914c58532856": 95, "5cec7503-6fc8-4026-8cec-0c07dedc3647": 18 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "⛌", "events": [], "position": "right" } ] }, "columnDeletionHistory": { "value": [ "id" ] } }, "general": null, "styles": { "borderRadius": { "value": "10" }, "actionButtonRadius": { "value": "5" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T10:08:23.831Z", "updatedAt": "2024-05-02T07:53:34.223Z", "layouts": [ { "id": "dbf30618-8c37-445e-b99a-1f77399bcd18", "type": "mobile", "top": 350, "left": 4.651162790697675, "width": 67.11627906976744, "height": 456, "componentId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "a347b6ff-a99e-4697-bed8-e742145cbb17", "type": "desktop", "top": 396, "left": 18.60463958035495, "width": 33, "height": 250, "componentId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "54d58e38-a93b-44ff-97a4-c8c61a96e902", "name": "text46", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "properties": { "text": { "value": "Items :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T19:12:09.015Z", "updatedAt": "2024-03-14T19:12:21.236Z", "layouts": [ { "id": "02e6ec83-6d35-4430-b960-332fbdaf4084", "type": "desktop", "top": 400, "left": 4.651172313607898, "width": 6, "height": 40, "componentId": "54d58e38-a93b-44ff-97a4-c8c61a96e902", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "c315f562-ebcb-48ee-aad2-c40a0e55b766", "name": "text51", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Delivery :" } }, "general": null, "styles": { "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "a34de0ad-1078-4fea-bf76-c1037e9c7df3", "type": "desktop", "top": 710, "left": 51.16277230624662, "width": 6, "height": 40, "componentId": "c315f562-ebcb-48ee-aad2-c40a0e55b766", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "c2f405a7-551f-4db6-b0aa-ed2a6d51bcff", "name": "text52", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Name :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "d82c35e1-06b2-4027-81df-846cfc45e337", "type": "desktop", "top": 30, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "c2f405a7-551f-4db6-b0aa-ed2a6d51bcff", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "42378612-c892-4a26-8376-26e080110a34", "name": "text53", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "0597a9d9-b390-4ddc-9716-5169115436f1", "type": "desktop", "top": 710, "left": 65.11629402839891, "width": 2, "height": 40, "componentId": "42378612-c892-4a26-8376-26e080110a34", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "fbcdfde6-212e-450e-a767-ef5ea4af0754", "name": "dropdown11", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "label": { "value": "" }, "value": { "value": "{{\"Product A\"}}" }, "values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" }, "display_values": { "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}" } }, "general": null, "styles": { "borderRadius": { "value": "5" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-15T00:12:31.646Z", "layouts": [ { "id": "c043bc14-d9ff-4762-8ace-232ef3d9c857", "type": "desktop", "top": 20, "left": 23.255799284714417, "width": 31, "height": 40, "componentId": "fbcdfde6-212e-450e-a767-ef5ea4af0754", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "e2ffee44-163d-4c96-a0be-966ec799b0d1", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "fbcdfde6-212e-450e-a767-ef5ea4af0754", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "1741752f-9b52-4cfb-a20a-badc026f7bf4", "name": "dropdown12", "type": "DropDown", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "label": { "value": "" }, "value": { "value": "{{\"Category A\"}}" }, "values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" }, "display_values": { "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}" } }, "general": null, "styles": { "borderRadius": { "value": "5" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-15T00:12:39.245Z", "layouts": [ { "id": "3ea8efd5-2681-4242-b294-b5df622612b3", "type": "desktop", "top": 70, "left": 23.25581316164316, "width": 31, "height": 40, "componentId": "1741752f-9b52-4cfb-a20a-badc026f7bf4", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "f3803cd1-9936-4b84-bc3a-e99a3d376115", "type": "mobile", "top": 20, "left": 27.906976744186046, "width": 18.6046511627907, "height": 30, "componentId": "1741752f-9b52-4cfb-a20a-badc026f7bf4", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "09eaf419-6fc3-4b48-95aa-d9508ddc1b22", "name": "numberinput17", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "value": { "value": "2" }, "label": "", "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "1" }, "maxValue": { "value": "10000" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "ba7e2b36-dc27-42e2-9249-450c9e73ce82", "type": "desktop", "top": 120, "left": 23.255838264502607, "width": 11, "height": 40, "componentId": "09eaf419-6fc3-4b48-95aa-d9508ddc1b22", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "38bd9782-0119-4433-a33b-1bd113366aab", "name": "container8", "type": "Container", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": {}, "general": null, "styles": { "backgroundColor": { "value": "#3e63dd1a" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#ffffff00" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-15T00:10:34.657Z", "layouts": [ { "id": "6b11ac3f-58af-4fd2-9bf9-e546a8139a7c", "type": "desktop", "top": 150, "left": 18.604647271804374, "width": 33, "height": 190, "componentId": "38bd9782-0119-4433-a33b-1bd113366aab", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "de14b6bc-9aaf-4f45-9c08-336391b98219", "type": "mobile", "top": 290, "left": 48.83720930232558, "width": 11.627906976744185, "height": 200, "componentId": "38bd9782-0119-4433-a33b-1bd113366aab", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "47c22a60-c8df-4643-ae68-4bdf48398410", "name": "text48", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "text": { "value": "Item :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "6265f7f4-44e4-49c9-bfff-11f2dd7eaaf9", "type": "desktop", "top": 20, "left": 4.651138072253336, "width": 8, "height": 40, "componentId": "47c22a60-c8df-4643-ae68-4bdf48398410", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "977e32a1-75d9-4d37-8132-e8a090c5bf27", "name": "numberinput19", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "value": { "value": "{{components.table1.selectedRow.delivery}}" }, "label": { "value": "" }, "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false }, "auto": { "value": true } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:15:43.393Z", "layouts": [ { "id": "e8624d45-6314-4175-8df7-2a9a72af658b", "type": "desktop", "top": 710, "left": 69.76743977293398, "width": 11.000000000000002, "height": 40, "componentId": "977e32a1-75d9-4d37-8132-e8a090c5bf27", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "140209b1-f192-451d-af9a-4f0629d2212e", "name": "text67", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Email :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "e789132e-58f1-42a9-8cd1-101bb1ac6532", "type": "desktop", "top": 90, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "140209b1-f192-451d-af9a-4f0629d2212e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "1d4ad218-f364-4751-b065-5b1700409867", "name": "text68", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Add items :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "570bc1aa-2c1b-4b35-9fd4-80a3a4382e49", "type": "desktop", "top": 150, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "1d4ad218-f364-4751-b065-5b1700409867", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "53788c76-3718-4be9-a527-0fcf53a1e1fd", "name": "divider6", "type": "Divider", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": {}, "general": null, "styles": { "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "1c337086-feb4-45c1-bb26-2d549294bbfa", "type": "desktop", "top": 672, "left": 0, "width": 43, "height": -172, "componentId": "53788c76-3718-4be9-a527-0fcf53a1e1fd", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "9efe2f48-cd1e-47c4-8073-3394d8a6ba62", "name": "text69", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Subtotal :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "21ddd1fe-12ef-4274-a105-3e0d7bfa2df9", "type": "desktop", "top": 710, "left": 4.651162651133472, "width": 6, "height": 40, "componentId": "9efe2f48-cd1e-47c4-8073-3394d8a6ba62", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "05ccce93-81ba-414b-a0b9-8845c925c2a2", "name": "text70", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Total cost :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "f4982b34-f0d8-4348-a85d-661da843e5ec", "type": "desktop", "top": 770, "left": 4.651162790697675, "width": 6, "height": 40, "componentId": "05ccce93-81ba-414b-a0b9-8845c925c2a2", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "0fa9a59b-0510-426e-b7d4-8785cfced3c7", "name": "text71", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "72348ca9-b1bd-4891-8804-7eda6f9bc469", "type": "desktop", "top": 770, "left": 18.60466432035639, "width": 2, "height": 40, "componentId": "0fa9a59b-0510-426e-b7d4-8785cfced3c7", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "5c76401e-3109-4454-b6c5-6636f0d7973a", "name": "text72", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "$ " }, "disabledState": { "value": "{{!components.dropdown6.value}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "425984bb-3656-4739-ba99-a1d2107f09e2", "type": "desktop", "top": 710, "left": 18.604655748002983, "width": 2, "height": 40, "componentId": "5c76401e-3109-4454-b6c5-6636f0d7973a", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "f1cad135-d608-4c57-b668-f773e92e1b9e", "name": "table3", "type": "Table", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "data": { "value": "{{variables.items}}" }, "enablePagination": { "value": "{{false}}" }, "displaySearchBox": { "value": "{{false}}" }, "showDownloadButton": { "value": "{{false}}" }, "showFilterButton": { "value": "{{false}}" }, "columns": { "value": [ { "id": "1592e521-3bb9-4ec1-bb70-aa77a1388be1", "name": "item", "key": "item", "columnType": "string" }, { "id": "efcc7580-faa4-4307-8fca-77309ebd4e7e", "name": "category", "key": "category", "columnType": "string" }, { "id": "19d70c4f-2c01-4812-b3d3-914c58532856", "name": "quantity", "key": "quantity", "columnType": "string" }, { "id": "5cec7503-6fc8-4026-8cec-0c07dedc3647", "name": "cost", "key": "cost", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "columnSizes": { "value": { "1592e521-3bb9-4ec1-bb70-aa77a1388be1": 104, "efcc7580-faa4-4307-8fca-77309ebd4e7e": 115, "19d70c4f-2c01-4812-b3d3-914c58532856": 95, "5cec7503-6fc8-4026-8cec-0c07dedc3647": 18 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "⛌", "events": [], "position": "right" } ] }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "id" ] }, "loadingState": { "fxActive": true, "value": "{{queries.addItem.isLoading || queries.deleteItem.isLoading || queries.calculateSubtotal.isLoading}}" } }, "general": null, "styles": { "actionButtonRadius": { "value": "5" }, "borderRadius": { "value": "10" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-05-02T07:53:34.223Z", "layouts": [ { "id": "3de19a14-a85a-4385-af1b-5e2f7fb38b2e", "type": "mobile", "top": 350, "left": 4.651162790697675, "width": 67.11627906976744, "height": 456, "componentId": "f1cad135-d608-4c57-b668-f773e92e1b9e", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "9d3134d7-1232-4b9c-bb4b-6154ef635bed", "type": "desktop", "top": 396, "left": 18.60464992912071, "width": 33, "height": 250, "componentId": "f1cad135-d608-4c57-b668-f773e92e1b9e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "02cfb236-c35e-473b-9f44-a9082548b4ed", "name": "text73", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Items :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "9e74a41f-9c33-4eda-85c1-82a913f23822", "type": "desktop", "top": 400, "left": 4.651172298848535, "width": 6, "height": 40, "componentId": "02cfb236-c35e-473b-9f44-a9082548b4ed", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "ba4ebccb-90ee-490c-a456-b11d557bc511", "name": "textinput7", "type": "TextInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "label": "", "placeholder": { "value": "Enter email" }, "value": { "value": "{{components.table1.selectedRow.email}}" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$" }, "customRule": { "value": "" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:02:12.508Z", "layouts": [ { "id": "bdbe9076-3cf3-4a8d-9212-b8005055e7fd", "type": "desktop", "top": 90, "left": 18.604658925443417, "width": 33, "height": 40, "componentId": "ba4ebccb-90ee-490c-a456-b11d557bc511", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "b994ef3a-b88b-4af8-b1fe-18034b185e78", "name": "numberinput20", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "value": { "value": "{{queries.calculateSubtotal.data}}" }, "label": "", "placeholder": { "value": "" }, "disabledState": { "value": "{{true}}", "fxActive": true } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "0" }, "maxValue": { "value": "100000000" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "0b0c7ccf-4c21-4be7-83fa-d207059c477c", "type": "desktop", "top": 710, "left": 23.255821408274706, "width": 11.000000000000002, "height": 40, "componentId": "b994ef3a-b88b-4af8-b1fe-18034b185e78", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "fb20edad-05d6-4fe9-ba61-f5c1c3a4510c", "name": "numberinput21", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "value": { "value": "{{components.numberinput20.value + components.numberinput19.value}}" }, "label": "", "placeholder": { "value": "" }, "disabledState": { "value": "{{true}}", "fxActive": false } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "50" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:18:53.377Z", "layouts": [ { "id": "c3ab3340-6329-41ee-aedc-ad55e210c468", "type": "desktop", "top": 770, "left": 23.255816888543485, "width": 11.000000000000002, "height": 40, "componentId": "fb20edad-05d6-4fe9-ba61-f5c1c3a4510c", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "6d3d40e3-50fa-42cb-add2-0023ca6f1421", "name": "divider7", "type": "Divider", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": {}, "general": null, "styles": { "dividerColor": { "value": "#8888884d" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "70666cf2-3953-4e06-b3e6-80c462ff8df3", "type": "desktop", "top": 842, "left": 0.000005182645292478583, "width": 43, "height": -5, "componentId": "6d3d40e3-50fa-42cb-add2-0023ca6f1421", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e", "name": "button9", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Cancel" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "b7f13ebd-dc4f-41eb-9815-a1e1a95542b1", "type": "desktop", "top": 880, "left": 60.46513815318758, "width": 7, "height": 40, "componentId": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "88df252a-1093-49a6-95f2-7408e48052a8", "name": "button10", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.updateCustomer.isLoading}}", "fxActive": true } }, "general": null, "styles": { "backgroundColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" }, "disabledState": { "value": "{{false}}", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:42:06.073Z", "layouts": [ { "id": "67e09c1e-7a91-408f-9759-200a4f861abc", "type": "desktop", "top": 880, "left": 79.06980296937982, "width": 7.000000000000001, "height": 40, "componentId": "88df252a-1093-49a6-95f2-7408e48052a8", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "7476dd2d-8d9a-46db-821b-71c60f8d7f9f", "name": "text47", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "text": { "value": "Quantity :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "bf1a6ead-0af2-42ab-807e-c71b9b694066", "type": "desktop", "top": 120, "left": 4.6511814166601, "width": 8, "height": 40, "componentId": "7476dd2d-8d9a-46db-821b-71c60f8d7f9f", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "a10834f9-2f6d-4d09-97f2-6ae7a6d60f7e", "name": "textinput6", "type": "TextInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "label": { "value": "" }, "placeholder": { "value": "Enter name" }, "value": { "value": "{{components.table1.selectedRow.customer_name}}" } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:00:43.621Z", "layouts": [ { "id": "14d06288-1bc1-4611-a5b4-2f2421454f69", "type": "desktop", "top": 30, "left": 18.604639097676362, "width": 33, "height": 40, "componentId": "a10834f9-2f6d-4d09-97f2-6ae7a6d60f7e", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "1c1d6d9f-67da-447e-9666-491337509af5", "name": "modal2", "type": "Modal", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": null, "properties": { "title": { "value": "Update customer details" }, "useDefaultButton": { "value": "{{false}}" }, "modalHeight": { "value": "950px" } }, "general": null, "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T23:41:27.263Z", "layouts": [ { "id": "90d80ce2-b70d-414f-bb8a-217fa8d8e6a5", "type": "desktop", "top": 840, "left": 13.953472960342543, "width": 4, "height": 40, "componentId": "1c1d6d9f-67da-447e-9666-491337509af5", "updatedAt": "2024-05-03T06:59:40.759Z" } ] }, { "id": "5e42c800-8edd-4deb-8353-c7012a858656", "name": "numberinput18", "type": "NumberInput", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "value": { "value": "20" }, "label": "", "placeholder": { "value": "" }, "disabledState": { "value": "", "fxActive": false } }, "general": null, "styles": { "borderRadius": { "value": "{{5}}" }, "backgroundColor": { "value": "", "fxActive": false }, "borderColor": { "value": "#0000001f", "fxActive": false } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "minValue": { "value": "20" }, "maxValue": { "value": "100000" } }, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "04f55012-944a-4772-873e-7e7d18b8dd23", "type": "desktop", "top": 120, "left": 65.11628582707674, "width": 12.999999999999998, "height": 40, "componentId": "5e42c800-8edd-4deb-8353-c7012a858656", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "980c6d39-2861-4583-acd7-3c0405185167", "name": "text49", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "text": { "value": "Cost :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "e6d14a9e-8b33-4507-af41-70b5be38de51", "type": "desktop", "top": 120, "left": 53.488392907403686, "width": 5, "height": 40, "componentId": "980c6d39-2861-4583-acd7-3c0405185167", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "ed126469-b9d8-4204-b753-4cb414fc67cb", "name": "text50", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "38bd9782-0119-4433-a33b-1bd113366aab", "properties": { "text": { "value": "Category :" } }, "general": null, "styles": { "fontWeight": { "value": "bold" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "37b5d56c-c582-434b-9197-48a665631a16", "type": "desktop", "top": 70, "left": 4.6511875791695845, "width": 8, "height": 40, "componentId": "ed126469-b9d8-4204-b753-4cb414fc67cb", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "f7564fad-03b5-4939-9860-dbb090cf68a8", "name": "button11", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "1c1d6d9f-67da-447e-9666-491337509af5", "properties": { "text": { "value": "+ Add item" } }, "general": null, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#3e63ddff" }, "loaderColor": { "value": "#3e63ddff" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#3e63ddff" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-14T21:54:05.141Z", "updatedAt": "2024-03-14T21:54:05.141Z", "layouts": [ { "id": "576f5fcc-33a2-4727-8e27-f793c36c91b6", "type": "desktop", "top": 340, "left": 18.60466651941573, "width": 33, "height": 40, "componentId": "f7564fad-03b5-4939-9860-dbb090cf68a8", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "name": "modal3", "type": "Modal", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": null, "properties": { "title": { "value": "Confirm customer deletion" }, "size": { "value": "sm" }, "modalHeight": { "value": "200px" }, "useDefaultButton": { "value": "{{false}}" } }, "general": null, "styles": { "headerBackgroundColor": { "value": "#3e63ddff" }, "headerTextColor": { "value": "#ffffffff" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-18T16:34:29.046Z", "updatedAt": "2024-03-18T16:57:03.628Z", "layouts": [ { "id": "cf091630-4f5f-4f98-b3ef-a0fcc36eee5a", "type": "desktop", "top": 840, "left": 25.58139898838141, "width": 4, "height": 40, "componentId": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "updatedAt": "2024-05-03T06:59:40.759Z" }, { "id": "a9aaf0ec-c873-4499-8a31-e4650c371636", "type": "mobile", "top": 780, "left": 27.906976744186046, "width": 10, "height": 34, "componentId": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "dfb1e856-81d1-4236-b54f-f51999499488", "name": "text54", "type": "Text", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "properties": { "text": { "value": "⚠️ Warning: This action is irreversible.\n
\nAre you sure you want to delete the customer?" } }, "general": null, "styles": { "textAlign": { "value": "center" }, "textSize": { "value": "18" }, "verticalAlignment": { "value": "top" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-18T16:35:23.997Z", "updatedAt": "2024-03-18T16:52:45.833Z", "layouts": [ { "id": "8c0baffc-b225-46f3-a336-ae2623212fdc", "type": "desktop", "top": 20, "left": 6.976743194730793, "width": 37, "height": 100, "componentId": "dfb1e856-81d1-4236-b54f-f51999499488", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "5c3b12d7-63c8-438a-a788-90c9c1938c28", "type": "mobile", "top": 80, "left": 37.2093023255814, "width": 13.953488372093023, "height": 40, "componentId": "dfb1e856-81d1-4236-b54f-f51999499488", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97", "name": "button8", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "properties": { "text": { "value": "Cancel" } }, "general": null, "styles": { "borderColor": { "value": "#375fcfff" }, "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#375fcfff" }, "loaderColor": { "value": "#375fcfff" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-18T16:40:44.429Z", "updatedAt": "2024-03-18T16:44:34.802Z", "layouts": [ { "id": "112447df-8b87-45d3-968a-f174c0613e4f", "type": "mobile", "top": 220, "left": 18.6046511627907, "width": 6.976744186046512, "height": 30, "componentId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "d3112b06-3a21-4f8c-9d89-bc426d269230", "type": "desktop", "top": 130, "left": 6.97672868203354, "width": 18, "height": 40, "componentId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97", "updatedAt": "2024-05-02T07:53:28.271Z" } ] }, { "id": "d54d72cf-9ae1-4cc0-b595-b86c751958a0", "name": "button12", "type": "Button", "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "properties": { "text": { "value": "Confirm" }, "loadingState": { "fxActive": true, "value": "{{queries.deleteCustomer.isLoading}}" } }, "general": null, "styles": { "borderColor": { "value": "#ffffff00" }, "borderRadius": { "value": "{{5}}" } }, "generalStyles": null, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2024-03-18T16:41:20.531Z", "updatedAt": "2024-03-18T16:56:34.380Z", "layouts": [ { "id": "06d0a240-53aa-4539-908f-16408cf94a2c", "type": "mobile", "top": 220, "left": 18.6046511627907, "width": 6.976744186046512, "height": 30, "componentId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0", "updatedAt": "2024-05-02T07:53:28.271Z" }, { "id": "215f9f9c-2316-4b7c-9d4a-4db7deee7cfe", "type": "desktop", "top": 130, "left": 51.16278634978313, "width": 18, "height": 40, "componentId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0", "updatedAt": "2024-05-02T07:53:28.271Z" } ] } ], "pages": [ { "id": "3676a371-bd53-454a-8288-8e2cca337ff8", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-15T11:38:19.133Z", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0" } ], "events": [ { "id": "902549f6-9c12-4425-bf60-7c7947327fb7", "name": "onClick", "index": 0, "event": { "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "d792eae4-0f37-4942-b1df-9dfd83283130", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-01-22T12:22:16.998Z" }, { "id": "6f73216a-7171-4f6e-b687-eb825940b261", "name": "onClick", "index": 2, "event": { "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-15T11:38:19.133Z", "updatedAt": "2024-03-14T23:56:57.373Z" }, { "id": "e8b92ee5-430c-4906-ba22-d6704471c3e2", "name": "onClick", "index": 1, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "88b98f56-cd4a-4fa2-8517-00570c933931", "actionId": "run-query", "alertType": "info", "queryName": "runjs4", "parameters": {} }, "sourceId": "cea39252-0cc9-458f-af50-bf06e82e8089", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:13:48.927Z", "updatedAt": "2024-03-14T23:06:41.914Z" }, { "id": "18b522ab-b4ae-43cb-a776-124cf0bbca7e", "name": "onClick", "index": 0, "event": { "key": "items", "value": "{{[]}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:21:14.378Z", "updatedAt": "2024-03-14T23:56:57.373Z" }, { "id": "fb66c3c4-7bb6-4f35-b2ea-3dacdeff782d", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552", "actionId": "run-query", "alertType": "info", "queryName": "calculateSubtotal", "parameters": {} }, "sourceId": "88b98f56-cd4a-4fa2-8517-00570c933931", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:30:49.898Z", "updatedAt": "2024-03-14T23:21:28.165Z" }, { "id": "b46ccbf0-59a5-4cac-8632-021ae7f55da5", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "31729b65-f760-4688-ac4f-80023eb603e3", "actionId": "run-query", "debounce": "", "alertType": "info", "queryName": "addCustomer", "parameters": {} }, "sourceId": "979b6415-a171-4e56-82de-efc8480de14c", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T19:26:58.775Z", "updatedAt": "2024-01-22T19:27:33.031Z" }, { "id": "7245684b-368c-4240-9652-331bfec0c90a", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T19:29:41.759Z", "updatedAt": "2024-03-14T23:49:04.655Z" }, { "id": "410cf9af-0a4e-4db2-b100-fb08df110107", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a", "actionId": "run-query", "alertType": "info", "queryName": "listCustomers", "parameters": {} }, "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T19:30:43.514Z", "updatedAt": "2024-03-14T23:50:18.254Z" }, { "id": "9400a8c1-ea8e-43d4-990f-77511e105bcd", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552", "actionId": "run-query", "alertType": "info", "queryName": "calculateSubtotal", "parameters": {} }, "sourceId": "c63326b1-fa1a-427b-bb89-2f7b3364196c", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T19:21:53.885Z", "updatedAt": "2024-03-14T23:21:05.854Z" }, { "id": "4fbfb178-f649-430b-bdcf-50bc9d701101", "name": "onClick", "index": 1, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "88b98f56-cd4a-4fa2-8517-00570c933931", "actionId": "run-query", "alertType": "info", "queryName": "runjs4", "parameters": {} }, "sourceId": "f7564fad-03b5-4939-9860-dbb090cf68a8", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T21:54:17.630Z", "updatedAt": "2024-03-14T23:11:13.911Z" }, { "id": "40a1ecd0-aa71-4381-af6d-980f1f11309e", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "actionId": "run-query", "debounce": "", "alertType": "info", "queryName": "updateCustomer", "parameters": {} }, "sourceId": "88df252a-1093-49a6-95f2-7408e48052a8", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T21:54:17.896Z", "updatedAt": "2024-03-14T23:42:11.830Z" }, { "id": "2bb52d49-24a3-45e4-86e7-94adc347b497", "name": "onClick", "index": 0, "event": { "modal": "1c1d6d9f-67da-447e-9666-491337509af5", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T21:54:18.085Z", "updatedAt": "2024-03-14T23:35:43.479Z" }, { "id": "e34322a3-4b74-4cce-98cc-1765c84c7b33", "name": "onClick", "index": 1, "event": { "ref": "Action0", "modal": "1c1d6d9f-67da-447e-9666-491337509af5", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T22:58:12.287Z", "updatedAt": "2024-03-20T05:45:17.512Z" }, { "id": "0fc6d6cf-a51c-4979-9c36-b000f794f06a", "name": "onClick", "index": 0, "event": { "key": "newItem", "value": "{{({\n item: components.dropdown5.value,\n category: components.dropdown6.value,\n quantity: components.numberinput7.value,\n cost: components.numberinput8.value,\n})}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "cea39252-0cc9-458f-af50-bf06e82e8089", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:04:26.559Z", "updatedAt": "2024-03-14T23:06:41.914Z" }, { "id": "6b3b7f40-68d8-4038-bfb2-be1e1b4f063d", "name": "onClick", "index": 0, "event": { "key": "newItem", "value": "{{({\n item: components.dropdown11.value,\n category: components.dropdown12.value,\n quantity: components.numberinput17.value,\n cost: components.numberinput18.value,\n})}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "f7564fad-03b5-4939-9860-dbb090cf68a8", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:10:25.881Z", "updatedAt": "2024-03-14T23:11:13.911Z" }, { "id": "44cf06ba-cc65-43cd-91df-babb020a1ba9", "name": "onClick", "index": 0, "event": { "ref": "Action0", "eventId": "onClick", "message": "Hello world!", "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552", "actionId": "run-query", "alertType": "info", "queryName": "calculateSubtotal", "parameters": {} }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:14:35.453Z", "updatedAt": "2024-03-20T05:45:17.512Z" }, { "id": "6f8b54b9-8cbe-474a-b2f9-aed4b04a8fd4", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "1c1d6d9f-67da-447e-9666-491337509af5", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:45:18.045Z", "updatedAt": "2024-03-14T23:45:30.835Z" }, { "id": "bfddb76f-a421-41d3-8946-571da231bbd7", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Customer details updated successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:45:33.782Z", "updatedAt": "2024-03-14T23:46:00.977Z" }, { "id": "8191a4c0-bf73-4197-adce-792821c2ddb2", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a", "actionId": "run-query", "alertType": "info", "queryName": "listCustomers", "parameters": {} }, "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:46:07.321Z", "updatedAt": "2024-03-14T23:46:20.595Z" }, { "id": "d0eae1eb-0a29-46e4-a63a-7b250687be6d", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to update customer details! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:46:28.145Z", "updatedAt": "2024-03-14T23:51:51.333Z" }, { "id": "3ad8c142-df32-482d-b418-ed1e839bdb8b", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Customer added successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:50:06.526Z", "updatedAt": "2024-03-14T23:50:45.832Z" }, { "id": "d029e5b9-409d-4ed6-9887-c6215e4235d0", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to add customer! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:51:56.696Z", "updatedAt": "2024-03-14T23:52:17.164Z" }, { "id": "12176a3f-9bd5-417e-8f1b-f534fc4e2e61", "name": "onClick", "index": 1, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552", "actionId": "run-query", "alertType": "info", "queryName": "calculateSubtotal", "parameters": {} }, "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T23:56:39.662Z", "updatedAt": "2024-03-14T23:56:57.373Z" }, { "id": "993a4b10-b780-435f-a3d6-801ecf6fcff3", "name": "onClick", "index": 0, "event": { "key": "items", "ref": "Action1", "value": "{{JSON.parse(components.table1.selectedRow.items).map((row, n) => ({...row, id: n}))}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-15T00:06:23.996Z", "updatedAt": "2024-03-15T00:06:50.508Z" }, { "id": "aa3aac2a-d4df-4e58-a868-f6b26fde4460", "name": "onClick", "index": 0, "event": { "ref": "Action1", "eventId": "onClick", "message": "Hello world!", "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552", "actionId": "run-query", "alertType": "info", "queryName": "calculateSubtotal", "parameters": {} }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-15T00:07:05.159Z", "updatedAt": "2024-03-20T05:45:17.512Z" }, { "id": "c12f6b3c-9c3e-4ef4-8f99-0f06e732c142", "name": "onClick", "index": 1, "event": { "ref": "Action1", "modal": "1c1d6d9f-67da-447e-9666-491337509af5", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-15T00:07:42.751Z", "updatedAt": "2024-03-20T05:45:17.512Z" }, { "id": "88dbf125-cdb1-4033-80ec-79e42bfc33fb", "name": "onClick", "index": 0, "event": { "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:45:52.345Z", "updatedAt": "2024-03-18T16:46:02.514Z" }, { "id": "d0b5700d-a458-4099-8a03-30c1e83eef5c", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "f5e88aae-6462-4472-89f6-950f05f8739d", "actionId": "run-query", "alertType": "info", "queryName": "deleteCustomer", "parameters": {} }, "sourceId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0", "target": "component", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:46:10.135Z", "updatedAt": "2024-03-18T16:56:44.891Z" }, { "id": "ab05f21d-6c77-48fa-910b-fad69be7f0d3", "name": "onClick", "index": 0, "event": { "ref": "Action2", "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:48:05.586Z", "updatedAt": "2024-03-18T16:49:59.422Z" }, { "id": "cc0824a6-6f8c-4b1c-8007-b8e68d46ea29", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:55:09.161Z", "updatedAt": "2024-03-18T16:55:17.710Z" }, { "id": "d8128c7a-63bb-4d3e-97cc-c2321d48bf33", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Customer deleted successfully.", "actionId": "show-alert", "alertType": "success" }, "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:55:20.007Z", "updatedAt": "2024-03-18T16:55:39.617Z" }, { "id": "cccd8ca6-4c62-49f2-839e-787f0f405695", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a", "actionId": "run-query", "alertType": "info", "queryName": "listCustomers", "parameters": {} }, "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:55:41.648Z", "updatedAt": "2024-03-18T16:55:48.701Z" }, { "id": "025ff150-9aeb-48ec-8171-6125b6826f6b", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to delete customer! Please check and try again.", "actionId": "show-alert", "alertType": "info" }, "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d", "target": "data_query", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:55:51.621Z", "updatedAt": "2024-03-18T16:56:16.929Z" }, { "id": "33027df5-623b-42f4-b91a-dad920830fda", "name": "onClick", "index": 0, "event": { "key": "deletedItemId", "ref": "Action0", "value": "{{components.table2.selectedRow.id}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-19T08:01:13.158Z", "updatedAt": "2024-03-19T08:01:53.515Z" }, { "id": "d4cae0df-bd27-4e1e-a66b-d00339edc77b", "name": "onClick", "index": 1, "event": { "ref": "Action0", "eventId": "onClick", "message": "Hello world!", "queryId": "c63326b1-fa1a-427b-bb89-2f7b3364196c", "actionId": "run-query", "alertType": "info", "queryName": "deleteItem", "parameters": {} }, "sourceId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-19T08:01:56.529Z", "updatedAt": "2024-03-19T08:02:12.119Z" }, { "id": "28c2dd1f-acc9-4871-a679-02974baa9c2c", "name": "onClick", "index": 0, "event": { "key": "deletedItemId", "ref": "Action0", "value": "{{components.table3.selectedRow.id}}", "eventId": "onClick", "message": "Hello world!", "actionId": "set-custom-variable", "alertType": "info" }, "sourceId": "f1cad135-d608-4c57-b668-f773e92e1b9e", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-19T08:02:25.197Z", "updatedAt": "2024-03-19T08:02:52.376Z" }, { "id": "ccea8fdb-0bb8-4340-b296-9910244054fa", "name": "onClick", "index": 1, "event": { "ref": "Action0", "eventId": "onClick", "message": "Hello world!", "queryId": "c63326b1-fa1a-427b-bb89-2f7b3364196c", "actionId": "run-query", "alertType": "info", "queryName": "deleteItem", "parameters": {} }, "sourceId": "f1cad135-d608-4c57-b668-f773e92e1b9e", "target": "table_action", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-19T08:02:53.918Z", "updatedAt": "2024-03-19T08:03:02.581Z" } ], "dataQueries": [ { "id": "88b98f56-cd4a-4fa2-8517-00570c933931", "name": "addItem", "options": { "code": "let items = variables.items;\n\nconst newItem = {\n ...variables.newItem,\n id: items.length,\n};\n\nitems.push(newItem);\n\nactions.setVariable(\"items\", items);", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:16:58.686Z", "updatedAt": "2024-03-14T23:07:27.606Z" }, { "id": "dcf45221-847c-40cd-9029-86b9dfa1e552", "name": "calculateSubtotal", "options": { "code": "const items = variables.items || [];\n\nlet subtotal = 0;\n\nitems.forEach((item) => {\n subtotal += item.quantity * item.cost;\n});\n\nreturn subtotal;", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:28:24.981Z", "updatedAt": "2024-03-14T19:52:10.201Z" }, { "id": "31729b65-f760-4688-ac4f-80023eb603e3", "name": "addCustomer", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "join_table": { "joins": [ { "id": 1705927074461, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } } ] }, "joinType": "INNER" } ], "from": { "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "type": "Table" }, "fields": [ { "name": "id", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "customer_name", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "email", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "items", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "subtotal", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "delivery", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "total_cost", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } ] }, "list_rows": {}, "create_row": { "0": { "column": "customer_name", "value": "{{components.textinput2.value}}" }, "1": { "column": "email", "value": "{{components.textinput4.value}}" }, "2": { "column": "items", "value": "{{JSON.stringify(variables.items.map(({id, ...item}) => ({...item})))}}" }, "3": { "column": "subtotal", "value": "{{components.numberinput6.value}}" }, "4": { "column": "delivery", "value": "{{components.numberinput3.value}}" }, "1b9c9652-40c8-4410-96a6-431e8dbdc5b9": { "column": "total_cost", "value": "{{components.numberinput12.value}}" } } }, "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T12:37:43.828Z", "updatedAt": "2024-05-03T07:25:22.389Z" }, { "id": "e31b31b0-7fca-468e-9d64-6f38bda9950a", "name": "listCustomers", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "join_table": { "joins": [ { "id": 1705951827944, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } } ] }, "joinType": "INNER" } ], "from": { "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "type": "Table" }, "fields": [ { "name": "id", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "customer_name", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "email", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "items", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "subtotal", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "delivery", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "total_cost", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } ] }, "list_rows": { "order_filters": { "83d130df-a447-4626-9adc-00d0f28dd8e1": { "column": "id", "order": "desc", "id": "83d130df-a447-4626-9adc-00d0f28dd8e1" } } }, "transformation": "return data.map((row) => ({\n ...row,\n transformedItems: JSON.parse(row.items).map((item) =>\n Object.keys(item)\n .map((k) => `${k.toUpperCase()}: ${item[k]}`)\n .join(\", \")\n ),\n}));", "runOnPageLoad": true }, "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T19:30:06.219Z", "updatedAt": "2024-05-03T08:25:31.721Z" }, { "id": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617", "name": "updateCustomer", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "join_table": { "joins": [ { "id": 1705954010660, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } } ] }, "joinType": "INNER" } ], "from": { "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "type": "Table" }, "fields": [ { "name": "id", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "customer_name", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "email", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "items", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "subtotal", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "delivery", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "total_cost", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } ] }, "list_rows": {}, "update_rows": { "columns": { "0": { "column": "customer_name", "value": "{{components.textinput6.value}}" }, "1": { "column": "email", "value": "{{components.textinput7.value}}" }, "2": { "column": "items", "value": "{{JSON.stringify(variables.items.map(({id, ...item}) => ({...item})))}}" }, "3": { "column": "subtotal", "value": "{{components.numberinput20.value}}" }, "4": { "column": "delivery", "value": "{{components.numberinput19.value}}" }, "1635412e-5a49-44d5-b9fc-58ffe188d9c3": { "column": "total_cost", "value": "{{components.numberinput21.value}}" } }, "where_filters": { "8a7c6d00-f34d-45e2-b29f-99a2f941764f": { "column": "id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "8a7c6d00-f34d-45e2-b29f-99a2f941764f" } } } }, "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-01-22T20:06:42.089Z", "updatedAt": "2024-03-14T23:39:45.320Z" }, { "id": "c63326b1-fa1a-427b-bb89-2f7b3364196c", "name": "deleteItem", "options": { "code": "let items = variables.items;\nconst deletedItemId = variables.deletedItemId;\n\nitems.splice(deletedItemId, 1);\nitems = items.map((item, i) => ({ ...item, id: i }));\n\nactions.setVariable(\"items\", items);", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-14T19:21:52.519Z", "updatedAt": "2024-03-14T23:28:17.381Z" }, { "id": "f5e88aae-6462-4472-89f6-950f05f8739d", "name": "deleteCustomer", "options": { "operation": "delete_rows", "transformationLanguage": "javascript", "enableTransformation": false, "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "join_table": { "joins": [ { "id": 1710780419332, "conditions": { "operator": "AND", "conditionsList": [ { "operator": "=", "leftField": { "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } } ] }, "joinType": "INNER" } ], "from": { "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6", "type": "Table" }, "fields": [ { "name": "id", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "customer_name", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "email", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "items", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "subtotal", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "delivery", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" }, { "name": "total_cost", "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6" } ] }, "list_rows": {}, "delete_rows": { "limit": 1, "where_filters": { "47e6df53-37d9-4e81-a45c-626f71082aa5": { "column": "id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "47e6df53-37d9-4e81-a45c-626f71082aa5" } } } }, "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "createdAt": "2024-03-18T16:46:22.685Z", "updatedAt": "2024-03-18T16:47:41.065Z" } ], "dataSources": [ { "id": "d326d99b-df3b-4af9-96c2-64be1cef7589", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "organizationId": null, "scope": "local", "createdAt": "2024-01-15T11:38:19.144Z", "updatedAt": "2024-01-15T11:38:19.144Z" }, { "id": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "organizationId": null, "scope": "local", "createdAt": "2024-01-15T11:38:19.175Z", "updatedAt": "2024-01-15T11:38:19.175Z" }, { "id": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "organizationId": null, "scope": "local", "createdAt": "2024-01-15T11:38:19.200Z", "updatedAt": "2024-01-15T11:38:19.200Z" }, { "id": "87ba6c71-17ab-4265-a99b-9ab20a149949", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "organizationId": null, "scope": "local", "createdAt": "2024-01-15T11:38:19.213Z", "updatedAt": "2024-01-15T11:38:19.213Z" }, { "id": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "organizationId": null, "scope": "local", "createdAt": "2024-01-15T11:38:19.227Z", "updatedAt": "2024-01-15T11:38:19.227Z" } ], "appVersions": [ { "id": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0", "name": "v1", "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": "SaaS Licence 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.44185810108917, "width": 12.999999999999998, "height": 530 } } }, "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": "Software name", "key": "promo_code", "columnType": "string", "autogenerated": true }, { "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8", "name": "License key", "key": "discount_value", "columnType": "string", "autogenerated": true }, { "id": "66211b00-fdfe-4ee4-b656-02275a663665", "name": "Assigned to", "key": "free_shipping", "columnType": "default", "autogenerated": true, "values": "{{[true, false]}}", "labels": "{{[\"Yes\", \"No\"]}}", "activeColor": "#3e63ddff", "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}" }, { "name": "Email", "id": "88ec5235-60be-4841-a5a6-a08e342b34b8", "columnType": "string" }, { "name": "Type of license", "id": "688e46f7-d1ca-47b1-a4c5-5dde335297e0", "columnType": "dropdown", "values": "{{[1,2]}}", "labels": "{{[\"Individual\", \"Team\"]}}", "isEditable": "{{true}}" }, { "name": "Valid till", "id": "192cbdd7-f847-4ed6-b19a-464ffad1f034", "columnType": "datepicker", "isTimeChecked": false, "dateFormat": "DD/MM/YYYY", "parseDateFormat": "DD/MM/YYYY" }, { "name": "Status", "id": "4d7352bc-e4d7-4471-b892-4e5ee73a9e9c" }, { "name": "Notes", "id": "087dd50a-c6e9-47f1-b958-4d37f58b0972" } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 15, "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105, "28f5b628-749e-493a-b307-63cdcc071a7f": 139, "66211b00-fdfe-4ee4-b656-02275a663665": 0 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Copy license key", "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", "Purchase date" ] } }, "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.651169700317449, "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\", \"Expired\"]}}" }, "display_values": { "value": "{{[\"Active\", \"Expired\"]}}" }, "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.76743327394556, "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": "Licenses 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": "Add License" }, "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.44185600071516, "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 license 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": "SOFTWARE :" }, "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": "ASSIGNED TO :" }, "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": 100, "left": 4.651170566837932, "width": 15.000000000000002, "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": "EMAIL :" }, "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": 150, "left": 4.651149602444274, "width": 14, "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": "VALID TILL :" }, "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": 200, "left": 4.6511784536347704, "width": 12.999999999999998, "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": "TYPE :" }, "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": 250, "left": 4.651168092154227, "width": 12, "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": "NOTES :" }, "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": 360, "left": 4.651201681458636, "width": 12.999999999999998, "height": 30 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "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": "Adobe Photoshop" }, "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": 41.86046511627907, "width": 22.000000000000004, "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": "Nechal Maggon" }, "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": 100, "left": 41.86046511627907, "width": 22.000000000000004, "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": "nechalmaggon@gmail.com" }, "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": 150, "left": 41.86047492447669, "width": 22.000000000000004, "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": "01/07/2024" }, "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": 200, "left": 41.86046984433331, "width": 22.000000000000004, "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": "Team" }, "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": 250, "left": 41.8604780832193, "width": 22.000000000000004, "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "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.11629528111348, "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", "queryId": "a6c68044-a67b-476e-ab8f-84e0ceda3e78", "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", "queryId": "f5071a1f-7f38-4134-bd5e-e4b88589c7ed", "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 }, "1b3da9cb-122f-40a7-a348-3c5e6d179640": { "id": "1b3da9cb-122f-40a7-a348-3c5e6d179640", "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": "3 workspaces \nSSO enabled \n20Gb storage" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text50", "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": 360, "left": 41.86046951236355, "width": 22.000000000000004, "height": 50 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8": { "id": "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8", "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "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": "Renew" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button8", "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.46511627906976, "width": 14, "height": 40 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "d69936c9-a4d4-4c3c-b8aa-bd7175156158": { "id": "d69936c9-a4d4-4c3c-b8aa-bd7175156158", "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", "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827", "queryName": "generatePromoCode", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#4a4a4aff" }, "loaderColor": { "value": "#4a4a4aff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#9b9b9bff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Open software >" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button9", "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": 4.651162790697674, "width": 22.000000000000004, "height": 40 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" }, "1f5b7856-c4b1-402a-b27c-0119b7474fa8": { "component": { "properties": { "data": { "type": "code", "displayName": "Tags", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "title": { "type": "string" }, "color": { "type": "string" }, "textColor": { "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": {}, "styles": { "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}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "data": { "value": "{{ [ \n\t\t{ title: 'Active', color: '#2fb344', textColor: '#fff' }\n\t ] }}" } }, "general": {}, "exposedVariables": {} }, "name": "tags1", "displayName": "Tags", "description": "Display tag labels", "component": "Tags", "defaultSize": { "width": 8, "height": 30 }, "exposedVariables": {} }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8", "layouts": { "desktop": { "top": 310, "left": 41.86051065649506, "width": 7, "height": 40 } }, "withDefaultChildren": false }, "d17d5709-22de-49f9-95a3-e16742e37665": { "id": "d17d5709-22de-49f9-95a3-e16742e37665", "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": "STATUS :" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text51", "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.651153324529529, "width": 12.999999999999998, "height": 20 } }, "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8" } }, "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": "#2f3c4c", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "3676a371-bd53-454a-8288-8e2cca337ff8", "appId": "3469c521-8e1e-41e3-9b65-5fff3a58f65b", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2024-01-15T11:38:19.082Z", "updatedAt": "2024-05-03T07:29:19.585Z" } ], "appEnvironments": [ { "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "development", "isDefault": false, "priority": 1, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "staging", "isDefault": false, "priority": 2, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" }, { "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "name": "production", "isDefault": true, "priority": 3, "enabled": true, "createdAt": "2023-04-26T19:44:06.852Z", "updatedAt": "2023-04-26T19:44:06.852Z" } ], "dataSourceOptions": [ { "id": "6296a857-820e-41da-ba93-ddc171cd757c", "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-01-15T11:38:19.157Z", "updatedAt": "2024-01-15T11:38:19.157Z" }, { "id": "8e10a878-af05-42d7-8f53-13c050d864a1", "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-01-15T11:38:19.157Z", "updatedAt": "2024-01-15T11:38:19.157Z" }, { "id": "a5e5d3ef-f761-43f9-a165-6731a5f01528", "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-01-15T11:38:19.157Z", "updatedAt": "2024-01-15T11:38:19.157Z" }, { "id": "e690439e-ef7a-485f-8fdf-e24a6ce60279", "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-01-15T11:38:19.195Z", "updatedAt": "2024-01-15T11:38:19.195Z" }, { "id": "6ad13afe-604a-41c3-af82-2090d241882e", "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-01-15T11:38:19.195Z", "updatedAt": "2024-01-15T11:38:19.195Z" }, { "id": "57fdc4c6-bc09-4a22-a3f9-0781e3d9dd56", "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-01-15T11:38:19.195Z", "updatedAt": "2024-01-15T11:38:19.195Z" }, { "id": "dd4b196c-8c43-4185-bb6b-19b667c5ef9b", "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-01-15T11:38:19.208Z", "updatedAt": "2024-01-15T11:38:19.208Z" }, { "id": "a4895095-398e-41c3-8f7b-73796adf9bca", "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-01-15T11:38:19.208Z", "updatedAt": "2024-01-15T11:38:19.208Z" }, { "id": "7d3eeaae-64bb-43a5-97ae-3d375e50d08f", "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-01-15T11:38:19.208Z", "updatedAt": "2024-01-15T11:38:19.208Z" }, { "id": "537e886c-ce8b-45bc-80e6-352f36030138", "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-01-15T11:38:19.222Z", "updatedAt": "2024-01-15T11:38:19.222Z" }, { "id": "9ab1b247-3304-4d31-9fec-5229becc7ea2", "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-01-15T11:38:19.223Z", "updatedAt": "2024-01-15T11:38:19.223Z" }, { "id": "b68ddd34-d81a-427e-891e-dc09db3c153d", "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-01-15T11:38:19.223Z", "updatedAt": "2024-01-15T11:38:19.223Z" }, { "id": "52977f46-fa59-42d3-8a63-cbf0994396b6", "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": null, "createdAt": "2024-01-15T11:38:19.236Z", "updatedAt": "2024-01-15T11:38:19.236Z" }, { "id": "b9c06320-c680-4a1a-b5e6-f8202d7ad9a8", "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": null, "createdAt": "2024-01-15T11:38:19.236Z", "updatedAt": "2024-01-15T11:38:19.236Z" }, { "id": "fd85dab2-042e-4b45-b159-2546ed261847", "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": null, "createdAt": "2024-01-15T11:38:19.236Z", "updatedAt": "2024-01-15T11:38:19.236Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.38.0-ee2.15.28-cloud2.3.11" }