{ "tooljet_database": [ { "id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe", "table_name": "sales_analytics_products", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"da33a5fe-ada5-4dd1-8218-f3572a33aabe_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "type", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "brand", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "qty_in_stock", "data_type": "integer", "column_default": null, "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "current_price", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "created_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "updated_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "is_active", "data_type": "boolean", "column_default": "true", "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } }, { "id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0", "table_name": "sales_analytics_customers", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"cdb1dd71-591f-4e2d-a939-706d3e5e5ea0_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "email", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "company", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "created_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "updated_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "is_active", "data_type": "boolean", "column_default": "true", "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "country", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } }, { "id": "a13820a6-bc6a-448c-a348-384adb75c48d", "table_name": "sales_analytics_orders", "schema": { "columns": [ { "column_name": "id", "data_type": "integer", "column_default": "nextval('\"a13820a6-bc6a-448c-a348-384adb75c48d_id_seq\"'::regclass)", "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "NO", "constraint_type": "PRIMARY KEY", "keytype": "PRIMARY KEY" }, { "column_name": "customer_id", "data_type": "integer", "column_default": null, "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "product_id", "data_type": "integer", "column_default": null, "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "quantity", "data_type": "integer", "column_default": null, "character_maximum_length": null, "numeric_precision": 32, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "at_price", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "total_price", "data_type": "double precision", "column_default": null, "character_maximum_length": null, "numeric_precision": 53, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "created_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "updated_at", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "is_active", "data_type": "boolean", "column_default": "true", "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "product_name", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" }, { "column_name": "country", "data_type": "character varying", "column_default": null, "character_maximum_length": null, "numeric_precision": null, "is_nullable": "YES", "constraint_type": null, "keytype": "" } ] } } ], "app": [ { "definition": { "appV2": { "id": "7e2569c0-debc-4e6f-80b6-39defd06b40c", "type": "front-end", "name": "Sales Analytics Dashboard - ToolJet DB", "slug": "sales-analytics-dashboard-tooljet-db", "isPublic": false, "isMaintenanceOn": false, "icon": "layers", "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84", "currentVersionId": null, "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc", "workflowApiToken": null, "workflowEnabled": false, "createdAt": "2023-09-11T18:11:00.809Z", "creationMode": "DEFAULT", "updatedAt": "2024-01-02T11:46:46.452Z", "editingVersion": { "id": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38", "pages": { "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38": { "components": { "5e82a221-8213-4caf-817c-88f97d8e4883": { "component": { "properties": { "tabs": { "type": "code", "displayName": "Tabs", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "id": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } } } }, "defaultTab": { "type": "code", "displayName": "Default tab", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "hideTabs": { "type": "toggle", "displayName": "Hide Tabs", "validation": { "schema": { "type": "boolean" } } }, "renderOnlyActiveTab": { "type": "toggle", "displayName": "Render only active tab", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onTabSwitch": { "displayName": "On tab switch" } }, "styles": { "highlightColor": { "type": "color", "displayName": "Highlight Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "tabWidth": { "type": "select", "displayName": "Tab width", "options": [ { "name": "Auto", "value": "auto" }, { "name": "Equally split", "value": "split" } ] } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "highlightColor": { "value": "#4f81ffff", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "tabWidth": { "value": "auto" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "tabs": { "value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\n]}}" }, "defaultTab": { "value": "0" }, "hideTabs": { "value": false }, "renderOnlyActiveTab": { "value": true } }, "general": {}, "exposedVariables": {} }, "name": "tabs1", "displayName": "Tabs", "description": "Tabs component", "defaultSize": { "width": 30, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 60, "left": 37, "height": 100 }, "tab": 0, "properties": [ "source" ], "defaultValue": { "source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg" } }, { "componentName": "Text", "layout": { "top": 100, "left": 17, "height": 50, "width": 34 }, "tab": 1, "properties": [ "text" ], "defaultValue": { "text": "Open-source low-code framework to build & deploy internal tools within minutes." } }, { "componentName": "Table", "layout": { "top": 0, "left": 1, "width": 42, "height": 250 }, "tab": 2 } ], "component": "Tabs", "actions": [ { "handle": "setTab", "displayName": "Set current tab", "params": [ { "handle": "id", "displayName": "Id" } ] } ], "exposedVariables": { "currentTab": "" } }, "layouts": { "desktop": { "top": 70, "left": 0, "width": 43, "height": 640 } }, "withDefaultChildren": false }, "64c60f67-ae5f-4fec-a74e-9b62100503be": { "id": "64c60f67-ae5f-4fec-a74e-9b62100503be", "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getCustomers.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getCustomers.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": "" }, "clientSidePagination": { "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 }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "name": "company", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981" }, { "id": "d3be2482-e0ca-4347-bd71-2c3241631952", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "name": "created_at", "id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0" }, { "name": "updated_at", "id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207, "leftActions": 104, "e9460e25-9cff-4961-8ac9-39516d7a5981": 160, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 242, "7278dc62-35af-4b8c-b8ef-ae11897de851": 104, "d3be2482-e0ca-4347-bd71-2c3241631952": 174 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View details", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "queryName": "getCustomerOrders", "parameters": {} } ], "position": "left", "disableActionButton": "{{false}}", "textColor": "#213b81ff", "backgroundColor": "#f0f6ffff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "product", "quantity", "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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" } ] } ] }, "layouts": { "desktop": { "top": 80.00003051757812, "left": 2.325580249259922, "width": 41, "height": 490 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1" }, "9196a79f-d2d0-4945-a18c-461621110d6d": { "id": "9196a79f-d2d0-4945-a18c-461621110d6d", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Average Order Value ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics1", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 74.41860383993948, "width": 9.999999999999998, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "866b47b2-bf23-4ef8-bf0b-26fa857ed807": { "id": "866b47b2-bf23-4ef8-bf0b-26fa857ed807", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Total customers" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics2", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 2.3255812455980243, "width": 9, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "3168ef8d-15d1-44c5-827a-cf183d11cf98": { "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getCustomers.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}" }, "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" } ] } ] }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1", "layouts": { "desktop": { "top": 20, "left": 2.325595995777369, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "a291e07a-cb22-4f02-b05d-40707ee14e2c": { "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": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "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": "Customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "xl" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "920px" } }, "general": {}, "exposedVariables": {} }, "name": "modal2", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 750.000057220459, "left": 2.3256077478684265, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "6611ee93-dfd1-42c6-b002-439bb005eca2": { "id": "6611ee93-dfd1-42c6-b002-439bb005eca2", "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": "#666666ff", "fxActive": false }, "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": "text4", "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": 120, "left": 4.6511635881258995, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "af78e81a-11f3-472a-b66b-73327dde099d": { "id": "af78e81a-11f3-472a-b66b-73327dde099d", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "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": 60, "left": 4.651161793912395, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "bd544998-d2ae-4ad2-af4f-f0683eea8e1b": { "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": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{components.textinput1.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 60, "left": 16.279067969008917, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd": { "id": "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd", "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 16.279068577527127, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "9deaf722-d8f3-4d64-afab-a3c25782a26e": { "id": "9deaf722-d8f3-4d64-afab-a3c25782a26e", "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": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{components.textinput3.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.company}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 180, "left": 16.27906704285889, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "36bec844-5b66-478c-814d-257a91e59b80": { "id": "36bec844-5b66-478c-814d-257a91e59b80", "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": "#666666ff", "fxActive": false }, "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": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "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": 180, "left": 4.6511635881258995, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "c52fa65e-c16c-4315-a0e1-dd7c80839b9d": { "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 830, "left": 3.134246213676306e-7, "width": 43, "height": 10 } }, "withDefaultChildren": false }, "8afb3d48-36eb-449c-8d2f-a17c36941493": { "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": "369acf3e-3774-4aa3-9afe-916f32b66713", "queryName": "checkProductQuantity", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{components.dropdown2.value == undefined || components.dropdown3.value == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Order" }, "loadingState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 860, "left": 83.72093023255815, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1": { "id": "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c" } ], "styles": { "backgroundColor": { "value": "#ffffff80" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 860, "left": 72.09302215268106, "width": 4, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "d4e9af65-5062-458c-b2f4-f0b6afdea142": { "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": "#ffffff00", "fxActive": false }, "textColor": { "value": "#213B81", "fxActive": false }, "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": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "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" } ] } ] }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 10, "left": 4.651166276216096, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "a72bb1eb-afe6-463f-9b80-077ed0d7f748": { "id": "a72bb1eb-afe6-463f-9b80-077ed0d7f748", "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": "#213B81", "fxActive": false }, "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": "Order Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "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": 380, "left": 4.651201625160855, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "18505c13-2546-4f7e-89f2-59768b29ce57": { "id": "18505c13-2546-4f7e-89f2-59768b29ce57", "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getProducts.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "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": 20, "left": 2.3255869327817056, "width": 14, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "724ff2bb-3b5c-448e-944d-e176705b34db": { "id": "724ff2bb-3b5c-448e-944d-e176705b34db", "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getProducts.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getProducts.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": "" }, "clientSidePagination": { "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": "6ff6f2d1-ae39-4f01-9f02-001a75567deb", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "name": "type", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981", "columnType": "default" }, { "name": "brand", "id": "d1d6d6f1-3f08-465b-8080-829a460d0b78", "columnType": "default" }, { "name": "qty_in_stock", "id": "7278dc62-35af-4b8c-b8ef-ae11897de851" }, { "id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a", "name": "current_price", "key": "current_price", "columnType": "number", "autogenerated": true }, { "id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140, "leftActions": 72, "e9460e25-9cff-4961-8ac9-39516d7a5981": 183, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 160, "7278dc62-35af-4b8c-b8ef-ae11897de851": 175, "6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247, "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" } ], "position": "left", "disableActionButton": "{{false}}", "backgroundColor": "#f0f6ffff", "textColor": "#213b81ff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "Qty sold", "email", "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 2.3255813953488373, "width": 41, "height": 490 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1": { "id": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1", "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": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "exposedVariables": {} }, "name": "modal6", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 67.44186080042796, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "d6887251-aeec-4c61-9ed5-7857a629f548": { "id": "d6887251-aeec-4c61-9ed5-7857a629f548", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "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": 70, "left": 4.651168424894576, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "429efd49-6f00-4425-a9c3-85999698c138": { "id": "429efd49-6f00-4425-a9c3-85999698c138", "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": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput13.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput13", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 70, "left": 11.62790689160906, "width": 36, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "52e43826-1aa0-49b4-a4d3-a135f884fa70": { "id": "52e43826-1aa0-49b4-a4d3-a135f884fa70", "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": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput14.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput14", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 60.46510288959324, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "a89caaeb-b9f0-4a38-adde-f77707b64939": { "id": "a89caaeb-b9f0-4a38-adde-f77707b64939", "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": "#666666ff", "fxActive": false }, "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": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "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": 140, "left": 51.16279745082527, "width": 4, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "16a11718-2e5f-4fb8-a89a-5e1636c83c7f": { "id": "16a11718-2e5f-4fb8-a89a-5e1636c83c7f", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider5", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0a12ce5c-5511-4027-9764-054b6752659b": { "id": "0a12ce5c-5511-4027-9764-054b6752659b", "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": "693b5371-72c6-426d-8253-7cce3b1594ac", "queryName": "addProduct", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{queries.addProduct.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button9", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 76.74419092490663, "width": 8, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "7ca82553-80e7-421b-b278-5a00d0250b89": { "id": "7ca82553-80e7-421b-b278-5a00d0250b89", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button10", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 62.79068219897656, "width": 5, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "c511607b-5a00-418c-b814-5b9ccf8fa4bf": { "id": "c511607b-5a00-418c-b814-5b9ccf8fa4bf", "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": "#213B81", "fxActive": true }, "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": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "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": 4.6511560061557224, "width": 14.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "89304548-d603-41fb-8696-c77096ff17d6": { "id": "89304548-d603-41fb-8696-c77096ff17d6", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "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": 220, "left": 51.16278773230763, "width": 4, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0110ef71-686f-4c85-a85b-4d47a80111b8": { "id": "0110ef71-686f-4c85-a85b-4d47a80111b8", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Sales per country this year" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "exposedVariables": {} }, "name": "chart3", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 230, "left": 58.13953624532072, "width": 17, "height": 330 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "e5d754ff-eb1f-4d1d-945b-65843b32408e": { "id": "e5d754ff-eb1f-4d1d-945b-65843b32408e", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Revenue ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics4", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 48.83721329386816, "width": 9.999999999999998, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "b91a9efc-f701-4305-be8c-4001a7a80400": { "id": "b91a9efc-f701-4305-be8c-4001a7a80400", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Qty. Sold" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics6", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 25.58139219926747, "width": 9, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "f3c8c84e-18b9-4432-aec0-bd92b10d2692": { "id": "f3c8c84e-18b9-4432-aec0-bd92b10d2692", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } }, "barmode": { "type": "select", "displayName": "Bar mode", "options": [ { "name": "Stack", "value": "stack" }, { "name": "Group", "value": "group" }, { "name": "Overlay", "value": "overlay" }, { "name": "Relative", "value": "relative" } ], "validation": { "schema": { "schemas": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Total sales this year" }, "markerColor": { "value": "#5e82e0ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "bar" }, "data": { "value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}" } }, "general": {}, "exposedVariables": {} }, "name": "chart6", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 230, "left": 2.3255813953488373, "width": 23, "height": 330 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "08300762-0eba-4b4d-af8f-2a7fb75fea38": { "id": "08300762-0eba-4b4d-af8f-2a7fb75fea38", "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": "#ffffff00" }, "textColor": { "value": "#213B81", "fxActive": false }, "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": "Orders summary by cost" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text39", "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": 55.8139500865679, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "c01bbbf2-ec98-4ae5-a8c9-448266a6289d": { "id": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d", "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": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": false }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add customer" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "280px" } }, "general": {}, "exposedVariables": {} }, "name": "modal7", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 69.76743908216835, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1" }, "a2b173a3-7b02-4bf7-b423-99b36ae96fcb": { "id": "a2b173a3-7b02-4bf7-b423-99b36ae96fcb", "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": "#666666ff", "fxActive": false }, "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": "text42", "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": 120, "left": 4.651164026267174, "width": 4, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5": { "id": "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text43", "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": 60, "left": 4.651162963972348, "width": 4, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "b86629b8-e27a-41fb-abe0-7f2541815262": { "id": "b86629b8-e27a-41fb-abe0-7f2541815262", "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": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput11.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput11", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 60.00001525878906, "left": 13.953475264081066, "width": 14, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65": { "id": "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65", "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput15", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 120.00001525878906, "left": 13.953482739224162, "width": 14.000000000000002, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "75b94950-b063-48ec-904d-0bc5174a915f": { "id": "75b94950-b063-48ec-904d-0bc5174a915f", "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": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput16.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput16", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 60, "left": 62.7907019101015, "width": 14, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "61447808-eac6-4bc1-90fc-69a4973684a7": { "id": "61447808-eac6-4bc1-90fc-69a4973684a7", "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": "#666666ff", "fxActive": false }, "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": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text44", "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": 60, "left": 51.16279499745627, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "5c75dd41-5123-461a-bc60-22d28ff85c61": { "id": "5c75dd41-5123-461a-bc60-22d28ff85c61", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider7", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 190, "left": 0, "width": 43, "height": 10 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "81e083a2-5d63-4a6c-af1d-18cb9719bd9e": { "id": "81e083a2-5d63-4a6c-af1d-18cb9719bd9e", "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": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "queryName": "addCustomer", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add customer" }, "loadingState": { "value": "{{queries.addCustomer.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button12", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 220, "left": 76.74418426940643, "width": 8, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "caec1f77-e911-4dda-ae20-25a2c1c1200b": { "id": "caec1f77-e911-4dda-ae20-25a2c1c1200b", "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button13", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 220, "left": 62.79071384658206, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "4d57de11-54bb-437f-9f4e-47620be2292c": { "id": "4d57de11-54bb-437f-9f4e-47620be2292c", "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": "#213B81", "fxActive": true }, "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": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text46", "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": 4.651154551901468, "width": 14.000000000000002, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "d7053db4-ae15-46a2-aeb5-02daefc2735f": { "id": "d7053db4-ae15-46a2-aeb5-02daefc2735f", "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": "#666666ff", "fxActive": false }, "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": "text50", "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": 140, "left": 4.651159034566407, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "31d79ec2-793a-4140-8cf0-1820ab353db2": { "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" } ], "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Customer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button15", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": "5e82a221-8213-4caf-817c-88f97d8e4883-1", "layouts": { "desktop": { "top": 20, "left": 83.72092413686282, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "47d3a78b-8435-4a20-a849-3b7c0be713b7": { "component": { "properties": { "data": { "type": "code", "displayName": "List data", "validation": { "schema": { "type": "array", "element": { "type": "object" } } } }, "mode": { "type": "select", "displayName": "Mode", "options": [ { "name": "list", "value": "list" }, { "name": "grid", "value": "grid" } ], "validation": { "schema": { "type": "string" } } }, "columns": { "type": "number", "displayName": "Columns", "validation": { "schema": { "type": "number" } }, "conditionallyRender": { "key": "mode", "value": "grid" } }, "rowHeight": { "type": "code", "displayName": "Row height", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "showBorder": { "type": "code", "displayName": "Show bottom border", "validation": { "schema": { "type": "boolean" } }, "conditionallyRender": { "key": "mode", "value": "list" } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "rowsPerPage": { "type": "code", "displayName": "Rows per page", "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": { "onRowClicked": { "displayName": "Row clicked (Deprecated)" }, "onRecordClicked": { "displayName": "Record clicked" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "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" } } }, "borderRadius": { "type": "number", "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": { "backgroundColor": { "value": "#8888880d" }, "borderColor": { "value": "#dadcde" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "data": { "value": "{{queries.getCustomerOrders.data}}" }, "mode": { "value": "list" }, "columns": { "value": "{{3}}" }, "rowHeight": { "value": "60" }, "visible": { "value": "{{true}}" }, "showBorder": { "value": "{{true}}" }, "rowsPerPage": { "value": "{{10}}" }, "enablePagination": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "listview1", "displayName": "List View", "description": "Wrapper for multiple components", "defaultSize": { "width": 20, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 15, "left": 6.976744186046512, "height": 100 }, "properties": [ "source" ], "accessorKey": "imageURL" }, { "componentName": "Text", "layout": { "top": 50, "left": 27, "height": 30 }, "properties": [ "text" ], "accessorKey": "text" }, { "componentName": "Button", "layout": { "top": 50, "left": 60, "height": 30 }, "incrementWidth": 2, "properties": [ "text" ], "accessorKey": "buttonText" } ], "component": "Listview", "exposedVariables": { "data": [ {} ] } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 469.99999237060547, "left": 4.651161008130597, "width": 39.00000000000001, "height": 180 } }, "withDefaultChildren": false }, "2befd867-7265-4237-a299-6f5be30c7fea": { "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": "{{listItem.product_name}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text52", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 16.279071031395265, "width": 15.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "4de2a869-67ad-47b2-8b9c-66b83ef660d8": { "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": "{{`\\$${listItem.total_price.toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text53", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 55.81395159116008, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "ccd2a4d8-608a-4e04-8500-6dc547504c22": { "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": "{{listItem.quantity}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text54", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 79.06976680603806, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59": { "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": "#8888880d" }, "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": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 420, "left": 4.651162113937779, "width": 39.00000000000001, "height": 50 } }, "withDefaultChildren": false }, "6704e8d1-4c9a-4324-a5c3-49357c1a782e": { "id": "6704e8d1-4c9a-4324-a5c3-49357c1a782e", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "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": "Product name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text55", "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": 16.279069134183267, "width": 10, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "e827c106-75d4-421a-be52-60f0690da520": { "id": "e827c106-75d4-421a-be52-60f0690da520", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "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": "Total price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text56", "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": 55.8139360981166, "width": 7, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d": { "id": "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text57", "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": 79.06977213164956, "width": 7, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "6a9a1d90-0458-45f1-a49d-9563ae18b8d3": { "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": "#88888826" }, "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": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 659.999885559082, "left": 4.651164003236601, "width": 39.00000000000001, "height": 50 } }, "withDefaultChildren": false }, "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a": { "id": "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "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": "Total" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text58", "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": 0, "left": 60.465116268814555, "width": 6.999999999999999, "height": 40 } }, "parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3" }, "4f17d16e-758a-49dd-b85d-7a81e8928a2a": { "id": "4f17d16e-758a-49dd-b85d-7a81e8928a2a", "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": "#213b81ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "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": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text41", "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": 0, "left": 79.06976744186046, "width": 8, "height": 40 } }, "parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3" }, "4c3768db-31db-48bd-9079-31ae3a7206ef": { "id": "4c3768db-31db-48bd-9079-31ae3a7206ef", "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": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "queryName": "editCustomer", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Update" }, "loadingState": { "value": "{{queries.editCustomer.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button11", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 300, "left": 39.53488372093023, "width": 4, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "23653770-571b-4857-a45c-7aba0a6e73c4": { "id": "23653770-571b-4857-a45c-7aba0a6e73c4", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider9", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 360, "left": 4.651165636896876, "width": 39.00000000000001, "height": 10 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "54cc01e3-231b-42ef-9fb9-d97ad100c25e": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "queryName": "getProductDetails", "parameters": {} } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getProducts.data.map(product => product.id)}}" }, "display_values": { "value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}" }, "loadingState": { "value": "{{queries.getProducts.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select a product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown2", "displayName": "Dropdown", "description": "Select one value from options", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 4.65116070509264, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "0c102a9f-d84e-429c-936b-e02717dcc7cc": { "id": "0c102a9f-d84e-429c-936b-e02717dcc7cc", "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": "#666666ff", "fxActive": false }, "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": "Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text60", "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": 750, "left": 4.651164977171899, "width": 10, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "ca96e2a1-812e-4f3d-be78-113e693b20b3": { "id": "ca96e2a1-812e-4f3d-be78-113e693b20b3", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text61", "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": 750, "left": 46.511626745762634, "width": 10, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64": { "id": "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64", "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": "#666666ff", "fxActive": false }, "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": "Total ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text62", "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": 750, "left": 76.74418365661388, "width": 7, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "47bcf998-1d86-4c9d-9fde-9c738903bad2": { "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": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "display_values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "loadingState": { "value": "{{queries.getProductDetails.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select quantity" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Select one value from options", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 46.51162072672183, "width": 11.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "57aa09a1-81be-4734-bade-28355cd09e3e": { "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": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}" }, "placeholder": { "value": "0" } }, "general": {}, "exposedVariables": {} }, "name": "textinput17", "displayName": "Text Input", "description": "Text field for forms", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 76.7441870145945, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "338a534e-e7e9-4248-bf55-fa457b7516d2": { "id": "338a534e-e7e9-4248-bf55-fa457b7516d2", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" } ], "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button14", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 20, "left": 83.72091289215417, "width": 6, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "8fef9dce-58f0-4727-ae46-dea836b63888": { "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": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown4.value != undefined ? true : \"\"}}" } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown4", "displayName": "Dropdown", "description": "Select one value from options", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1", "layouts": { "desktop": { "top": 140, "left": 11.62790224971062, "width": 15, "height": 40 } }, "withDefaultChildren": false }, "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402": { "id": "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402", "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": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "exposedVariables": {} }, "name": "textinput18", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 60.46510156732731, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0441f736-54ce-4cf9-ba60-faccf154124a": { "id": "0441f736-54ce-4cf9-ba60-faccf154124a", "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": "#666666ff", "fxActive": false }, "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": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "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": 220, "left": 4.651162598330287, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "8737f63e-9ec9-46b3-acae-88dfc320e74c": { "id": "8737f63e-9ec9-46b3-acae-88dfc320e74c", "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "exposedVariables": {} }, "name": "textinput19", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 11.62790302224886, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "fe446d8e-ea94-43b6-bba2-1aedf9c9390f": { "id": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f", "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": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Edit product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "exposedVariables": {} }, "name": "modal4", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 53.48837380790299, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "b318dd60-0908-47d5-a406-be0dea02a7e3": { "id": "b318dd60-0908-47d5-a406-be0dea02a7e3", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "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": 70, "left": 4.651168424894576, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "b3882e8e-1ef9-49fa-89a7-ade20b60117e": { "id": "b3882e8e-1ef9-49fa-89a7-ade20b60117e", "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": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput12", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 70, "left": 11.627907708198, "width": 36, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "1ab7f02b-0f0c-4e8b-ae92-598914682761": { "id": "1ab7f02b-0f0c-4e8b-ae92-598914682761", "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": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput20.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.brand}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput20", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 60.46510212031943, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "cf9986df-f32b-41af-90e4-0691dea35a1e": { "id": "cf9986df-f32b-41af-90e4-0691dea35a1e", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "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": 140, "left": 51.162797249108145, "width": 4, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "2ac19144-0be7-4c06-973d-63333141314a": { "id": "2ac19144-0be7-4c06-973d-63333141314a", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider8", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "d44a2f3a-f61f-4489-813a-2d7d84e50b50": { "id": "d44a2f3a-f61f-4489-813a-2d7d84e50b50", "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": "38520d62-864b-4489-8e08-796244458fec", "queryName": "editProduct", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.editProduct.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button16", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 83.72093120374878, "width": 5, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "76d94a84-7977-4efa-9101-8ebb31ba6c5d": { "id": "76d94a84-7977-4efa-9101-8ebb31ba6c5d", "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": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button17", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 69.76741833633251, "width": 5, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "e6a96636-5c0b-446f-841c-d1bf158ef5e9": { "id": "e6a96636-5c0b-446f-841c-d1bf158ef5e9", "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": "#213B81", "fxActive": true }, "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": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "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": 4.6511560061557224, "width": 14.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "4f2ddbd1-0cff-4935-8c38-974ed434cae7": { "id": "4f2ddbd1-0cff-4935-8c38-974ed434cae7", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text38", "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": 220, "left": 51.16278773230763, "width": 4, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "131b8395-3cec-4c0d-bbbe-e374d515e070": { "id": "131b8395-3cec-4c0d-bbbe-e374d515e070", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Type" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text40", "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": 140, "left": 4.651158461484289, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "e85bc7ac-87be-49ce-8260-9e5343d17d6b": { "id": "e85bc7ac-87be-49ce-8260-9e5343d17d6b", "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": "{{true}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown5.value != undefined ? true : \"\"}}" } }, "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.table2.selectedRow.type}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown5", "displayName": "Dropdown", "description": "Select one value from options", "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": 140, "left": 11.627898671773568, "width": 15, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "3bbf57a9-e267-4fd6-803a-74390480638d": { "id": "3bbf57a9-e267-4fd6-803a-74390480638d", "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": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.qty_in_stock}}" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "exposedVariables": {} }, "name": "textinput21", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 60.46510923238416, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "88633dc5-2a0d-4e0e-bf4f-a864859a7135": { "id": "88633dc5-2a0d-4e0e-bf4f-a864859a7135", "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": "#666666ff", "fxActive": false }, "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": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text45", "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": 220, "left": 4.651162598330287, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0": { "id": "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0", "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.current_price}}" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "exposedVariables": {} }, "name": "textinput22", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 11.627900290084854, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "f5a01d5f-a38c-411e-9ad9-646304b6c29c": { "id": "f5a01d5f-a38c-411e-9ad9-646304b6c29c", "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": "#213B81", "fxActive": true }, "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": "{{queries.getCustomerOrders.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "text47", "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": 380, "left": 88.37209056618315, "width": 3, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "10d97fa5-70ed-49ea-b755-7e77b676018e": { "id": "10d97fa5-70ed-49ea-b755-7e77b676018e", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "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": "Prod. Id" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text48", "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": 0.0000028836761174488856, "width": 5, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "f49067b7-5cb3-4a76-81a5-6a934623c763": { "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": "{{`#${listItem.product_id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text49", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": -3.134246213676306e-7, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5": { "id": "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5", "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": "#666666ff", "fxActive": false }, "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": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text59", "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": 120, "left": 51.162796233025766, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "bbc5e3e2-1440-49d4-90ca-62168f05a326": { "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": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown6.value != undefined ? true : \"\"}}" } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown6", "displayName": "Dropdown", "description": "Select one value from options", "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d", "layouts": { "desktop": { "top": 120, "left": 62.79068508336573, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "43a8f399-2396-40f3-97a4-f71d993f5f52": { "id": "43a8f399-2396-40f3-97a4-f71d993f5f52", "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": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown7.value != undefined ? true : \"\"}}" } }, "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.country}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown7", "displayName": "Dropdown", "description": "Select one value from options", "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": 16.27906996955359, "width": 14.000000000000002, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "ef8a575b-4af5-4441-b2b4-3e019d0605bf": { "id": "ef8a575b-4af5-4441-b2b4-3e019d0605bf", "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": "#666666ff", "fxActive": false }, "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": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text63", "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": 240, "left": 4.651161831394547, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "f9648d95-7e44-4c04-8251-76ceca06bf40": { "id": "f9648d95-7e44-4c04-8251-76ceca06bf40", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "10" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "exposedVariables": {} }, "name": "chart4", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 60, "left": 55.81395348837209, "width": 17, "height": 280 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "9fa4e38c-9387-4900-bb70-ff415b46bcdf": { "id": "9fa4e38c-9387-4900-bb70-ff415b46bcdf", "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": "#213b80ff" }, "borderRadius": { "value": "0" }, "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": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": 0, "width": 43, "height": 70 } } }, "bc1a299e-b62e-4e60-a161-14427d60d051": { "id": "bc1a299e-b62e-4e60-a161-14427d60d051", "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": "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": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text51", "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.3255827912519793, "width": 6, "height": 40 } }, "parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf" }, "43bb2148-1b6a-4763-9919-979202193c52": { "id": "43bb2148-1b6a-4763-9919-979202193c52", "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": "{{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": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Sales Analytics" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text64", "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": 67.44186626637374, "width": 12, "height": 40 } }, "parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf" }, "90d2c00b-320e-4aa4-917e-6b7992654326": { "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": "#dadcdeff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "verticaldivider1", "displayName": "Vertical Divider", "description": "Vertical Separator between components", "component": "VerticalDivider", "defaultSize": { "width": 2, "height": 100 }, "exposedVariables": { "value": {} } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 60, "left": 51.16278745544168, "width": 1, "height": 280 } }, "withDefaultChildren": false }, "274f2ffa-b06c-4b21-80d0-cbd7ad6dece4": { "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getOrders.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getOrders.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": "" }, "clientSidePagination": { "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": "ecb7323d-bf03-4856-992a-4d12b2711c0e", "name": "customer_id", "key": "customer_id", "columnType": "number", "autogenerated": true }, { "id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "id": "556f9785-ae13-4cf5-9252-d34beaed481a", "name": "product_id", "key": "product_id", "columnType": "number", "autogenerated": true }, { "id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad", "name": "product_name", "key": "product_name", "columnType": "string", "autogenerated": true }, { "id": "41f621c1-0982-420c-9d0a-65aef3d583e2", "name": "quantity", "key": "quantity", "columnType": "number", "autogenerated": true }, { "id": "d8112b51-7942-424f-8940-8e6a1ca0209b", "name": "at_price", "key": "at_price", "columnType": "number", "autogenerated": true }, { "id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5", "name": "total_price", "key": "total_price", "columnType": "number", "autogenerated": true }, { "id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "67effed7-a352-4bd2-905f-08aa63bc53a5", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88, "ecb7323d-bf03-4856-992a-4d12b2711c0e": 135, "556f9785-ae13-4cf5-9252-d34beaed481a": 143, "41f621c1-0982-420c-9d0a-65aef3d583e2": 142, "d8112b51-7942-424f-8940-8e6a1ca0209b": 156, "0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162, "84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167, "7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table3", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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": "5e82a221-8213-4caf-817c-88f97d8e4883-3", "layouts": { "desktop": { "top": 80, "left": 2.3255804871948036, "width": 41, "height": 490 } }, "withDefaultChildren": false }, "248634d0-c840-4b85-8c32-56c87ff8549a": { "id": "248634d0-c840-4b85-8c32-56c87ff8549a", "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getOrders.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text65", "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": 20, "left": 2.3255822593327444, "width": 14, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-3" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "100", "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "appId": "7e2569c0-debc-4e6f-80b6-39defd06b40c", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-09-11T18:11:00.826Z", "updatedAt": "2024-01-02T11:45:48.296Z" }, "components": [ { "id": "fed0f7f0-b9dd-4b35-9895-be94678f0438", "name": "statistics1", "type": "Statistics", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "primaryValueLabel": { "value": "Average Order Value ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100,\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T11:41:00.446Z", "layouts": [ { "id": "31a076a3-d1a5-4d87-b375-f40c7535b647", "type": "desktop", "top": 30, "left": 74.41860383993948, "width": 9.999999999999998, "height": 170, "componentId": "fed0f7f0-b9dd-4b35-9895-be94678f0438" } ] }, { "id": "1b027083-839f-4b5f-bd47-caeeb608104e", "name": "text2", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1", "properties": { "text": { "value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getCustomers.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "54a768b5-a983-4101-9d38-1d78e24b773d", "type": "desktop", "top": 20, "left": 2.325595995777369, "width": 14, "height": 40, "componentId": "1b027083-839f-4b5f-bd47-caeeb608104e" } ] }, { "id": "a39d1dbb-8124-4b07-b348-01b0c95af865", "name": "modal2", "type": "Modal", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": null, "properties": { "title": { "value": "Customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "xl" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "920px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#4D72FA" }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7db27a55-c780-46b8-82e4-ad27e262c537", "type": "desktop", "top": 750.000057220459, "left": 2.3256077478684265, "width": 8, "height": 40, "componentId": "a39d1dbb-8124-4b07-b348-01b0c95af865" } ] }, { "id": "c67c5633-05ea-4862-9ed1-e50026521801", "name": "text4", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0fbf0945-0361-4493-81c2-b265f7b78507", "type": "desktop", "top": 120, "left": 4.6511635881258995, "width": 5, "height": 40, "componentId": "c67c5633-05ea-4862-9ed1-e50026521801" } ] }, { "id": "d89e1734-837b-4e50-8515-9db7b4b30759", "name": "text5", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "35ae2153-dcc1-44ef-ab9b-f0f8e143022b", "type": "desktop", "top": 60, "left": 4.651161793912395, "width": 5, "height": 40, "componentId": "d89e1734-837b-4e50-8515-9db7b4b30759" } ] }, { "id": "9d2221ec-8e42-4be2-8929-c5c92a65eb30", "name": "textinput1", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "value": { "value": "{{components.table1.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput1.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1bcb97de-68d5-4ea6-a985-e7aac36cb0bb", "type": "desktop", "top": 60, "left": 16.279067969008917, "width": 14, "height": 40, "componentId": "9d2221ec-8e42-4be2-8929-c5c92a65eb30" } ] }, { "id": "0c8ca5b2-097a-4349-adf2-f7af5e0ad7e7", "name": "textinput2", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "Enter email" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "b355dd3f-1b0b-47b2-a0e3-b5a7d4995534", "type": "desktop", "top": 120, "left": 16.279068577527127, "width": 14, "height": 40, "componentId": "0c8ca5b2-097a-4349-adf2-f7af5e0ad7e7" } ] }, { "id": "26a2215c-aa61-4e84-ab17-e11c72e5cc30", "name": "textinput3", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "value": { "value": "{{components.table1.selectedRow.company}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput3.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "699f54e4-6768-489c-9309-e370e30babdb", "type": "desktop", "top": 180, "left": 16.27906704285889, "width": 14, "height": 40, "componentId": "26a2215c-aa61-4e84-ab17-e11c72e5cc30" } ] }, { "id": "4c0b5459-8103-477d-9d9c-bd1150dbac62", "name": "text6", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0256a575-734c-4d3f-8972-4b427c52dc07", "type": "desktop", "top": 180, "left": 4.6511635881258995, "width": 5, "height": 40, "componentId": "4c0b5459-8103-477d-9d9c-bd1150dbac62" } ] }, { "id": "364d00f3-535c-4297-8984-3433aee595a4", "name": "divider1", "type": "Divider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "86c8b5cc-e5e6-4200-b9d9-933eeb1822f4", "type": "desktop", "top": 830, "left": 3.134246213676306e-7, "width": 43, "height": 10, "componentId": "364d00f3-535c-4297-8984-3433aee595a4" } ] }, { "id": "797f0373-813a-4837-8ebc-b89296c7762a", "name": "button2", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffff80" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "587e6ee1-baba-48fa-b912-2cf8859af65c", "type": "desktop", "top": 860, "left": 72.09302215268106, "width": 4, "height": 40, "componentId": "797f0373-813a-4837-8ebc-b89296c7762a" } ] }, { "id": "8d57e25e-a5be-4e9a-a521-046aae134899", "name": "text8", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffff00", "fxActive": false }, "textColor": { "value": "#213B81", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4ed71807-d695-4f0d-bce1-b8180f8d72ba", "type": "desktop", "top": 10, "left": 4.651166276216096, "width": 14, "height": 40, "componentId": "8d57e25e-a5be-4e9a-a521-046aae134899" } ] }, { "id": "ef141176-ff58-48a2-8738-da9983048a79", "name": "text9", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Order Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "523980ab-acc4-4e19-b308-d9bcc9e498eb", "type": "desktop", "top": 380, "left": 4.651201625160855, "width": 14, "height": 40, "componentId": "ef141176-ff58-48a2-8738-da9983048a79" } ] }, { "id": "fbe4ee99-8d06-4d9a-a5e4-24920a836644", "name": "text16", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2", "properties": { "text": { "value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getProducts.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a46758c5-0f18-43f9-8af4-3f48e3d746c3", "type": "desktop", "top": 20, "left": 2.3255869327817056, "width": 14, "height": 40, "componentId": "fbe4ee99-8d06-4d9a-a5e4-24920a836644" } ] }, { "id": "05f13508-39aa-4ecd-9381-c03b34add678", "name": "modal6", "type": "Modal", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2", "properties": { "title": { "value": "Add product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "e5ef1407-3c48-4f20-b33f-c8c1fe3bd5e2", "type": "desktop", "top": 30, "left": 67.44186080042796, "width": 4.999999999999999, "height": 40, "componentId": "05f13508-39aa-4ecd-9381-c03b34add678" } ] }, { "id": "a4113ddf-a832-4d5a-9810-3776e37dc6e8", "name": "text30", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2ab200dc-d875-4bee-bf86-ad5a36475c0e", "type": "desktop", "top": 70, "left": 4.651168424894576, "width": 3, "height": 40, "componentId": "a4113ddf-a832-4d5a-9810-3776e37dc6e8" } ] }, { "id": "a498d1a4-14b2-4842-ba57-56c8b764df1f", "name": "textinput13", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput13.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "97f6e709-c970-485f-a2c3-3cd816c2cc2d", "type": "desktop", "top": 70, "left": 11.62790689160906, "width": 36, "height": 40, "componentId": "a498d1a4-14b2-4842-ba57-56c8b764df1f" } ] }, { "id": "cce06654-1237-43b6-8fe1-3da0b0f472f6", "name": "textinput14", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput14.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "ceb73305-f955-4333-80a8-acf0b2de067b", "type": "desktop", "top": 140, "left": 60.46510288959324, "width": 15.000000000000002, "height": 40, "componentId": "cce06654-1237-43b6-8fe1-3da0b0f472f6" } ] }, { "id": "aa2b5ca2-51e9-48a2-98e6-15b9400ddb4c", "name": "text31", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "45e4beb2-6d61-41c0-a84d-cc8c4dceb0c1", "type": "desktop", "top": 140, "left": 51.16279745082527, "width": 4, "height": 40, "componentId": "aa2b5ca2-51e9-48a2-98e6-15b9400ddb4c" } ] }, { "id": "d07ef2a0-cd7f-4a88-b56f-ecbbcd87e096", "name": "divider5", "type": "Divider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "dbad4620-009c-449d-9b96-79f4ae0474a7", "type": "desktop", "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10, "componentId": "d07ef2a0-cd7f-4a88-b56f-ecbbcd87e096" } ] }, { "id": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f", "name": "button9", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{queries.addProduct.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7d3ba4c3-0e9d-4d1d-9d92-f1ce3925a603", "type": "desktop", "top": 310, "left": 76.74419092490663, "width": 8, "height": 40, "componentId": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f" } ] }, { "id": "fbf7e002-2ceb-4747-9dde-b932c19035aa", "name": "button10", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d2f05364-4328-4eaf-9605-e77d0227e843", "type": "desktop", "top": 310, "left": 62.79068219897656, "width": 5, "height": 40, "componentId": "fbf7e002-2ceb-4747-9dde-b932c19035aa" } ] }, { "id": "8d890fd8-9ca5-47e7-8eb1-62f85201f78b", "name": "text33", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1815a539-173a-4eea-baad-39e49862565f", "type": "desktop", "top": 10, "left": 4.6511560061557224, "width": 14.000000000000002, "height": 40, "componentId": "8d890fd8-9ca5-47e7-8eb1-62f85201f78b" } ] }, { "id": "45777e03-18bf-4a5b-a765-42fb9fb05552", "name": "text35", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "86581fc5-9928-4f65-83a0-7ea27e80d299", "type": "desktop", "top": 220, "left": 51.16278773230763, "width": 4, "height": 40, "componentId": "45777e03-18bf-4a5b-a765-42fb9fb05552" } ] }, { "id": "78715f42-2e77-466c-9766-2cf736dcffe6", "name": "chart3", "type": "Chart", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "title": { "value": "Sales per country this year" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "styles": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "aec7c3bb-e559-4fdc-9e6c-fa834c9bea86", "type": "desktop", "top": 230, "left": 58.13953624532072, "width": 17, "height": 330, "componentId": "78715f42-2e77-466c-9766-2cf736dcffe6" } ] }, { "id": "fd051db8-fab3-4de4-a31c-d09f3b5e8cd3", "name": "chart6", "type": "Chart", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "title": { "value": "Total sales this year" }, "markerColor": { "value": "#5e82e0ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "bar" }, "data": { "value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}" } }, "general": {}, "styles": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "469660de-5332-4a31-b535-dc014cc26c75", "type": "desktop", "top": 230, "left": 2.3255813953488373, "width": 23, "height": 330, "componentId": "fd051db8-fab3-4de4-a31c-d09f3b5e8cd3" } ] }, { "id": "1f8ec980-d643-4f77-940b-0a2fa50b8e13", "name": "text39", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Orders summary by cost" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffff00" }, "textColor": { "value": "#213B81", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c65f65c2-d82c-4f37-b18c-3968aca0ee03", "type": "desktop", "top": 10, "left": 55.8139500865679, "width": 14, "height": 40, "componentId": "1f8ec980-d643-4f77-940b-0a2fa50b8e13" } ] }, { "id": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "name": "modal7", "type": "Modal", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1", "properties": { "title": { "value": "Add customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add customer" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "280px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": false }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0a7d92c6-2696-4a3f-a7fc-2d3b0acdb6ae", "type": "desktop", "top": 30, "left": 69.76743908216835, "width": 4.999999999999999, "height": 40, "componentId": "81da0f4e-1a1e-4f9a-8350-d53cec821bee" } ] }, { "id": "e95b2bfb-d30c-44b6-b35d-9755206aea16", "name": "text42", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Email" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7a123191-a6a4-4337-8dc7-16882e848018", "type": "desktop", "top": 120, "left": 4.651164026267174, "width": 4, "height": 40, "componentId": "e95b2bfb-d30c-44b6-b35d-9755206aea16" } ] }, { "id": "834147ed-1679-4771-b475-49dc60251e90", "name": "text43", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "712d6f19-6bf1-44dd-9d82-aa3150f817ff", "type": "desktop", "top": 60, "left": 4.651162963972348, "width": 4, "height": 40, "componentId": "834147ed-1679-4771-b475-49dc60251e90" } ] }, { "id": "90bb2924-7d7c-4499-bf23-c14cf016c747", "name": "textinput11", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput11.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "18a4d380-57d6-4587-b86a-6b4f2047f88f", "type": "desktop", "top": 60.00001525878906, "left": 13.953475264081066, "width": 14, "height": 40, "componentId": "90bb2924-7d7c-4499-bf23-c14cf016c747" } ] }, { "id": "f7aeb724-f94d-4c16-b29b-e04889a5081c", "name": "textinput15", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9e82955d-341e-42e1-a73e-cbde953abd31", "type": "desktop", "top": 120.00001525878906, "left": 13.953482739224162, "width": 14.000000000000002, "height": 40, "componentId": "f7aeb724-f94d-4c16-b29b-e04889a5081c" } ] }, { "id": "41e58fd2-7601-4cf0-abe1-98a7cd1a7045", "name": "textinput16", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput16.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "45579811-b211-4b77-8c95-fad9678f6d68", "type": "desktop", "top": 60, "left": 62.7907019101015, "width": 14, "height": 40, "componentId": "41e58fd2-7601-4cf0-abe1-98a7cd1a7045" } ] }, { "id": "31357317-4e10-4522-afbc-ddb81a985870", "name": "text44", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "86bda0b1-f2e8-441b-951a-dbb9af3f41fd", "type": "desktop", "top": 60, "left": 51.16279499745627, "width": 5, "height": 40, "componentId": "31357317-4e10-4522-afbc-ddb81a985870" } ] }, { "id": "723bcf8d-9b14-4bae-9dab-12baafd844f2", "name": "divider7", "type": "Divider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1a30345a-7b52-4d87-9a56-31f6b7205e01", "type": "desktop", "top": 190, "left": 0, "width": 43, "height": 10, "componentId": "723bcf8d-9b14-4bae-9dab-12baafd844f2" } ] }, { "id": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b", "name": "button12", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Add customer" }, "loadingState": { "value": "{{queries.addCustomer.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "648f7513-9841-414d-a846-dd27d61f9216", "type": "desktop", "top": 220, "left": 76.74418426940643, "width": 8, "height": 40, "componentId": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b" } ] }, { "id": "f6f287ec-37f6-4783-82c6-68c752ee4cf8", "name": "button13", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1017f30b-30ae-42fc-80d7-e7043155aab8", "type": "desktop", "top": 220, "left": 62.79071384658206, "width": 5, "height": 40, "componentId": "f6f287ec-37f6-4783-82c6-68c752ee4cf8" } ] }, { "id": "3f05b898-e31c-465d-b615-4c417e7a62d5", "name": "text46", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "de1a0e86-e331-4fb6-95fe-9e82c5e6aaa5", "type": "desktop", "top": 10, "left": 4.651154551901468, "width": 14.000000000000002, "height": 40, "componentId": "3f05b898-e31c-465d-b615-4c417e7a62d5" } ] }, { "id": "8572d9f8-2dbd-4b51-81bb-18461628fa3b", "name": "text50", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Type" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5cb1e796-f3d4-4c4e-bc77-bc9edbca5bba", "type": "desktop", "top": 140, "left": 4.651159034566407, "width": 3, "height": 40, "componentId": "8572d9f8-2dbd-4b51-81bb-18461628fa3b" } ] }, { "id": "2afe1b25-3226-4363-8708-b3e49555a4b7", "name": "button15", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1", "properties": { "text": { "value": "Add Customer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5e787fe0-22fc-4c67-8552-86923f25ad10", "type": "desktop", "top": 20, "left": 83.72092413686282, "width": 6, "height": 40, "componentId": "2afe1b25-3226-4363-8708-b3e49555a4b7" } ] }, { "id": "21ea1521-df4f-43ff-bf91-c72d723bf535", "name": "listview1", "type": "Listview", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "data": { "value": "{{queries.getCustomerOrders.data}}" }, "mode": { "value": "list" }, "columns": { "value": "{{3}}" }, "rowHeight": { "value": "60" }, "visible": { "value": "{{true}}" }, "showBorder": { "value": "{{true}}" }, "rowsPerPage": { "value": "{{10}}" }, "enablePagination": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#8888880d" }, "borderColor": { "value": "#dadcde" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "3bfd9ae4-ca5e-452d-8045-06be44a8033e", "type": "desktop", "top": 469.99999237060547, "left": 4.651161008130597, "width": 39.00000000000001, "height": 180, "componentId": "21ea1521-df4f-43ff-bf91-c72d723bf535" } ] }, { "id": "220a17e7-ae9e-4575-aa46-01c5ae868a9e", "name": "text52", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "21ea1521-df4f-43ff-bf91-c72d723bf535", "properties": { "text": { "value": "{{listItem.product_name}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7196570e-8416-41b1-87d3-8f6d246dfb9f", "type": "desktop", "top": 10, "left": 16.279071031395265, "width": 15.000000000000002, "height": 40, "componentId": "220a17e7-ae9e-4575-aa46-01c5ae868a9e" } ] }, { "id": "67d75e62-ec8e-42c6-bcc2-52ada3a550d9", "name": "text53", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "21ea1521-df4f-43ff-bf91-c72d723bf535", "properties": { "text": { "value": "{{`\\$${listItem.total_price.toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "cab070d8-7875-48db-a071-6c3ea999053a", "type": "desktop", "top": 10, "left": 55.81395159116008, "width": 8, "height": 40, "componentId": "67d75e62-ec8e-42c6-bcc2-52ada3a550d9" } ] }, { "id": "6179c52c-aa32-432e-8a5f-adab4d75b291", "name": "text54", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "21ea1521-df4f-43ff-bf91-c72d723bf535", "properties": { "text": { "value": "{{listItem.quantity}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6eb881af-edfb-4fc8-9012-3280e043033c", "type": "desktop", "top": 10, "left": 79.06976680603806, "width": 6, "height": 40, "componentId": "6179c52c-aa32-432e-8a5f-adab4d75b291" } ] }, { "id": "42323f53-0523-4d26-9698-bc34d1f6f178", "name": "container1", "type": "Container", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#8888880d" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6e895f98-8cf5-46ba-8519-464a561d3832", "type": "desktop", "top": 420, "left": 4.651162113937779, "width": 39.00000000000001, "height": 50, "componentId": "42323f53-0523-4d26-9698-bc34d1f6f178" } ] }, { "id": "79ac6fd4-7407-44be-b216-e7eae5b56d96", "name": "text55", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "42323f53-0523-4d26-9698-bc34d1f6f178", "properties": { "text": { "value": "Product name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6ef25040-f0a2-4efb-bf71-02f258eaf0fe", "type": "desktop", "top": 10, "left": 16.279069134183267, "width": 10, "height": 30, "componentId": "79ac6fd4-7407-44be-b216-e7eae5b56d96" } ] }, { "id": "08f3a926-7174-4baa-af22-ad07c6f6470f", "name": "text56", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "42323f53-0523-4d26-9698-bc34d1f6f178", "properties": { "text": { "value": "Total price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "3e17cac4-d6dd-4c71-a811-5628ec90c22c", "type": "desktop", "top": 10, "left": 55.8139360981166, "width": 7, "height": 30, "componentId": "08f3a926-7174-4baa-af22-ad07c6f6470f" } ] }, { "id": "7ec1a8d8-9adc-464f-8573-ef075f9abd1d", "name": "text57", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "42323f53-0523-4d26-9698-bc34d1f6f178", "properties": { "text": { "value": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "ced52c3f-766e-4947-bca6-547b64779706", "type": "desktop", "top": 10, "left": 79.06977213164956, "width": 7, "height": 30, "componentId": "7ec1a8d8-9adc-464f-8573-ef075f9abd1d" } ] }, { "id": "9145ef1d-be6b-40a4-ad24-8727f429d084", "name": "container2", "type": "Container", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#88888826" }, "borderRadius": { "value": "10" }, "borderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6b79d110-88ac-4e99-82fe-dcf0e774f9e4", "type": "desktop", "top": 659.999885559082, "left": 4.651164003236601, "width": 39.00000000000001, "height": 50, "componentId": "9145ef1d-be6b-40a4-ad24-8727f429d084" } ] }, { "id": "d65617c4-19cc-474d-a855-e68e3177ff80", "name": "text58", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "9145ef1d-be6b-40a4-ad24-8727f429d084", "properties": { "text": { "value": "Total" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a5bc2771-975b-4811-a4b1-854991fcc896", "type": "desktop", "top": 0, "left": 60.465116268814555, "width": 6.999999999999999, "height": 40, "componentId": "d65617c4-19cc-474d-a855-e68e3177ff80" } ] }, { "id": "5dcd9aae-90e5-4134-8b92-bd788466580d", "name": "text41", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "9145ef1d-be6b-40a4-ad24-8727f429d084", "properties": { "text": { "value": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213b81ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "e5b70e3b-47c9-404f-958e-abf111b32bee", "type": "desktop", "top": 0, "left": 79.06976744186046, "width": 8, "height": 40, "componentId": "5dcd9aae-90e5-4134-8b92-bd788466580d" } ] }, { "id": "79b56359-59d1-4b77-ac19-aa8d23c22f71", "name": "button11", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Update" }, "loadingState": { "value": "{{queries.editCustomer.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "431d4f90-5b46-45a1-9114-d5366dba342a", "type": "desktop", "top": 300, "left": 39.53488372093023, "width": 4, "height": 40, "componentId": "79b56359-59d1-4b77-ac19-aa8d23c22f71" } ] }, { "id": "9e76e3b2-cdfb-4764-b91d-7e30929106e7", "name": "divider9", "type": "Divider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "80b377ee-571f-4a60-93b7-e57b678b0608", "type": "desktop", "top": 360, "left": 4.651165636896876, "width": 39.00000000000001, "height": 10, "componentId": "9e76e3b2-cdfb-4764-b91d-7e30929106e7" } ] }, { "id": "4c52520b-a2e2-4e62-909b-b181d70a9c17", "name": "text60", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "43b56015-70fa-4b2d-989b-276b163ec7b5", "type": "desktop", "top": 750, "left": 4.651164977171899, "width": 10, "height": 30, "componentId": "4c52520b-a2e2-4e62-909b-b181d70a9c17" } ] }, { "id": "e902b05d-d02c-4b73-b201-75e5e6a273ac", "name": "text61", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "ede181ee-9322-432e-830d-5f76080ac2ef", "type": "desktop", "top": 750, "left": 46.511626745762634, "width": 10, "height": 30, "componentId": "e902b05d-d02c-4b73-b201-75e5e6a273ac" } ] }, { "id": "0110f307-cb25-41fd-8bb8-e9a0158ff9c9", "name": "text62", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Total ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7c72b2cb-014c-451c-84d1-c0c992290bfc", "type": "desktop", "top": 750, "left": 76.74418365661388, "width": 7, "height": 30, "componentId": "0110f307-cb25-41fd-8bb8-e9a0158ff9c9" } ] }, { "id": "0d9cb986-8600-4dee-9bd3-e94c4f0ed85d", "name": "textinput17", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "value": { "value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}" }, "placeholder": { "value": "0" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "#dadcde" }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1b33761d-99ec-4618-801c-c6ea6d17f336", "type": "desktop", "top": 780, "left": 76.7441870145945, "width": 8, "height": 40, "componentId": "0d9cb986-8600-4dee-9bd3-e94c4f0ed85d" } ] }, { "id": "d9266be5-70af-4806-9862-1e8157056f6a", "name": "button14", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2", "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "977e6402-2525-4fe9-9da6-58f2fe802959", "type": "desktop", "top": 20, "left": 83.72091289215417, "width": 6, "height": 40, "componentId": "d9266be5-70af-4806-9862-1e8157056f6a" } ] }, { "id": "a8b81d16-ec8f-49b3-8ef7-77d0625ef257", "name": "dropdown4", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.dropdown4.value != undefined ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "00d7500f-65d4-43ee-b935-87ebb25e9adf", "type": "desktop", "top": 140, "left": 11.62790224971062, "width": 15, "height": 40, "componentId": "a8b81d16-ec8f-49b3-8ef7-77d0625ef257" } ] }, { "id": "aedb9ca4-6aaf-4598-a192-5b82fe2ff180", "name": "textinput18", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "05269a81-0ca9-4040-b033-76b51c935e4b", "type": "desktop", "top": 220, "left": 60.46510156732731, "width": 15.000000000000002, "height": 40, "componentId": "aedb9ca4-6aaf-4598-a192-5b82fe2ff180" } ] }, { "id": "4008a413-31f6-42e0-9391-66ebdb187c3b", "name": "text36", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "text": { "value": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a9b333fa-8152-4800-b1a4-bc21b463c8b8", "type": "desktop", "top": 220, "left": 4.651162598330287, "width": 3, "height": 40, "componentId": "4008a413-31f6-42e0-9391-66ebdb187c3b" } ] }, { "id": "eb3a7563-be35-4b6e-8458-8b29cc4739b6", "name": "textinput19", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "05f13508-39aa-4ecd-9381-c03b34add678", "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "95f2264c-b3b2-47b9-91cc-80e5e8bfcb3a", "type": "desktop", "top": 220, "left": 11.62790302224886, "width": 15.000000000000002, "height": 40, "componentId": "eb3a7563-be35-4b6e-8458-8b29cc4739b6" } ] }, { "id": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "name": "modal4", "type": "Modal", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2", "properties": { "title": { "value": "Edit product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "styles": { "headerBackgroundColor": { "value": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "8fefe420-80dc-4560-895e-23ee5fbc3fe3", "type": "desktop", "top": 30, "left": 53.48837380790299, "width": 4.999999999999999, "height": 40, "componentId": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc" } ] }, { "id": "3ef35f65-9abd-40bb-9dab-cb38f7cee19f", "name": "text32", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "fa47826f-ae1a-4cff-b761-9938d876089a", "type": "desktop", "top": 70, "left": 4.651168424894576, "width": 3, "height": 40, "componentId": "3ef35f65-9abd-40bb-9dab-cb38f7cee19f" } ] }, { "id": "138cb6d3-b182-484c-80f3-fa87d1be5544", "name": "table1", "type": "Table", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-1", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getCustomers.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getCustomers.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": "" }, "clientSidePagination": { "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 }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "name": "company", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981" }, { "id": "d3be2482-e0ca-4347-bd71-2c3241631952", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "name": "created_at", "id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0" }, { "name": "updated_at", "id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207, "leftActions": 104, "e9460e25-9cff-4961-8ac9-39516d7a5981": 160, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 242, "7278dc62-35af-4b8c-b8ef-ae11897de851": 104, "d3be2482-e0ca-4347-bd71-2c3241631952": 174 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View details", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "queryName": "getCustomerOrders", "parameters": {} } ], "position": "left", "disableActionButton": "{{false}}", "textColor": "#213b81ff", "backgroundColor": "#f0f6ffff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "product", "quantity", "is_active" ] } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-27T01:11:15.809Z", "layouts": [ { "id": "7add24e1-aa90-452c-9f05-4844902f8b83", "type": "desktop", "top": 80.00007247924805, "left": 2.325574804666647, "width": 41, "height": 490, "componentId": "138cb6d3-b182-484c-80f3-fa87d1be5544" } ] }, { "id": "55b3161b-3563-405d-8e10-b61e6203931e", "name": "dropdown2", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getProducts.data.map(product => product.id)}}" }, "display_values": { "value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}" }, "loadingState": { "value": "{{queries.getProducts.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select a product" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "7182832c-311b-459d-8d66-df9d62ae2ef4", "type": "desktop", "top": 779.9999618530273, "left": 4.651152210071307, "width": 16, "height": 40, "componentId": "55b3161b-3563-405d-8e10-b61e6203931e" } ] }, { "id": "42768a16-e49a-4472-941a-c1c5d2fd0d22", "name": "button1", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Add Order" }, "loadingState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#213B81", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{components.dropdown2.value == undefined || components.dropdown3.value == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "f6b15fb6-2308-43e4-8b53-94be2665df35", "type": "desktop", "top": 859.9999847412109, "left": 83.72093128105084, "width": 5, "height": 40, "componentId": "42768a16-e49a-4472-941a-c1c5d2fd0d22" } ] }, { "id": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34", "name": "table2", "type": "Table", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-2", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getProducts.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getProducts.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": "" }, "clientSidePagination": { "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": "6ff6f2d1-ae39-4f01-9f02-001a75567deb", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "name": "type", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981", "columnType": "default" }, { "name": "brand", "id": "d1d6d6f1-3f08-465b-8080-829a460d0b78", "columnType": "default" }, { "name": "qty_in_stock", "id": "7278dc62-35af-4b8c-b8ef-ae11897de851" }, { "id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a", "name": "current_price", "key": "current_price", "columnType": "number", "autogenerated": true }, { "id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140, "leftActions": 72, "e9460e25-9cff-4961-8ac9-39516d7a5981": 183, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 160, "7278dc62-35af-4b8c-b8ef-ae11897de851": 175, "6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247, "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" } ], "position": "left", "disableActionButton": "{{false}}", "backgroundColor": "#f0f6ffff", "textColor": "#213b81ff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "Qty sold", "email", "is_active" ] } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-27T01:11:29.182Z", "layouts": [ { "id": "d7cf44c2-73ff-4a53-8714-da298edfdeb3", "type": "desktop", "top": 80, "left": 2.325587522875796, "width": 41, "height": 490, "componentId": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34" } ] }, { "id": "deb24db7-a01f-419c-a052-aec29b8cf514", "name": "statistics2", "type": "Statistics", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "primaryValueLabel": { "value": "Total customers" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100,\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T11:37:45.718Z", "layouts": [ { "id": "35c09613-2d10-48b8-8a7b-f8fa258354af", "type": "desktop", "top": 30, "left": 2.3255810641481434, "width": 9, "height": 170, "componentId": "deb24db7-a01f-419c-a052-aec29b8cf514" } ] }, { "id": "d5eaf019-ad93-44f1-bc52-628d2f51fc66", "name": "statistics6", "type": "Statistics", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "primaryValueLabel": { "value": "Qty. Sold" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100,\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T11:39:03.092Z", "layouts": [ { "id": "0e598796-fa6f-4b71-87a6-f8dcce54232c", "type": "desktop", "top": 30, "left": 25.581391946624464, "width": 9, "height": 170, "componentId": "d5eaf019-ad93-44f1-bc52-628d2f51fc66" } ] }, { "id": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7", "name": "dropdown3", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "display_values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "loadingState": { "value": "{{queries.getProductDetails.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select quantity" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": null } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "1f29270f-c665-4685-8dd8-a51e019fed76", "type": "desktop", "top": 780.000114440918, "left": 46.511627884037445, "width": 11.000000000000002, "height": 40, "componentId": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7" } ] }, { "id": "75428428-fe44-4c7e-9706-ed392429b9af", "name": "textinput12", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "value": { "value": "{{components.table2.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "a13bad85-5cbb-4e44-892c-76746401d79e", "type": "desktop", "top": 70, "left": 11.627907708198, "width": 36, "height": 40, "componentId": "75428428-fe44-4c7e-9706-ed392429b9af" } ] }, { "id": "5484d6f4-55d7-46d2-b507-aeaabc50cd60", "name": "textinput20", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "value": { "value": "{{components.table2.selectedRow.brand}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput20.value.length > 0 ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "9b4c7e7b-3ac5-4e26-9edf-2ac3931e226f", "type": "desktop", "top": 140, "left": 60.46510212031943, "width": 15.000000000000002, "height": 40, "componentId": "5484d6f4-55d7-46d2-b507-aeaabc50cd60" } ] }, { "id": "b4c9049d-2927-488a-964c-8d6f31bcbb8a", "name": "text34", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "fb45f7e2-0097-40e3-9d33-c50eaa955c52", "type": "desktop", "top": 140, "left": 51.162797249108145, "width": 4, "height": 40, "componentId": "b4c9049d-2927-488a-964c-8d6f31bcbb8a" } ] }, { "id": "84cf38b8-0965-409d-9d76-a70babbbbea6", "name": "divider8", "type": "Divider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "79c34dfb-fbd4-4587-9429-e85d30ef2a50", "type": "desktop", "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10, "componentId": "84cf38b8-0965-409d-9d76-a70babbbbea6" } ] }, { "id": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727", "name": "button16", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.editProduct.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "884aad8b-b325-4378-9eba-f18fb875c4b5", "type": "desktop", "top": 310, "left": 83.72093120374878, "width": 5, "height": 40, "componentId": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727" } ] }, { "id": "1261ba30-9c9d-4b3b-89d6-709104d7f20c", "name": "button17", "type": "Button", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d8df761b-3133-4d1e-a612-051c5353bdcc", "type": "desktop", "top": 310, "left": 69.76741833633251, "width": 5, "height": 40, "componentId": "1261ba30-9c9d-4b3b-89d6-709104d7f20c" } ] }, { "id": "0e5a674c-fee9-44b1-9741-bb1ad49f6812", "name": "text37", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "fc229326-915a-4be2-a136-d8c35cc99115", "type": "desktop", "top": 10, "left": 4.6511560061557224, "width": 14.000000000000002, "height": 40, "componentId": "0e5a674c-fee9-44b1-9741-bb1ad49f6812" } ] }, { "id": "5f8285b1-d1da-4d87-b7c5-c924fd970756", "name": "text38", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "8a70be3e-b7c5-49da-8f31-e00a697aef8c", "type": "desktop", "top": 220, "left": 51.16278773230763, "width": 4, "height": 40, "componentId": "5f8285b1-d1da-4d87-b7c5-c924fd970756" } ] }, { "id": "a0163c0f-c849-471c-a3bf-9430558e7fca", "name": "text40", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Type" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "07a79105-8bbd-4e9f-b8d8-6a990ff7ac19", "type": "desktop", "top": 140, "left": 4.651158461484289, "width": 3, "height": 40, "componentId": "a0163c0f-c849-471c-a3bf-9430558e7fca" } ] }, { "id": "2c82601e-e45a-4d9e-bd79-810720467b75", "name": "dropdown5", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "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.table2.selectedRow.type}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.dropdown5.value != undefined ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2931618c-06dd-4af4-8137-303e298d0bd9", "type": "desktop", "top": 140, "left": 11.627898671773568, "width": 15, "height": 40, "componentId": "2c82601e-e45a-4d9e-bd79-810720467b75" } ] }, { "id": "4dfb40aa-c9df-4059-b953-caae0507a09b", "name": "textinput21", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "value": { "value": "{{components.table2.selectedRow.qty_in_stock}}" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "502d16ce-f441-458d-9921-573db6da3e73", "type": "desktop", "top": 220, "left": 60.46510923238416, "width": 15.000000000000002, "height": 40, "componentId": "4dfb40aa-c9df-4059-b953-caae0507a09b" } ] }, { "id": "b231587b-d806-45bc-80a4-126e0b81837b", "name": "text45", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "text": { "value": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "87bc7907-e3ef-464c-85ca-27e2c05ed146", "type": "desktop", "top": 220, "left": 4.651162598330287, "width": 3, "height": 40, "componentId": "b231587b-d806-45bc-80a4-126e0b81837b" } ] }, { "id": "47df1547-3971-4c9f-952c-b930983a17f9", "name": "textinput22", "type": "TextInput", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "properties": { "value": { "value": "{{components.table2.selectedRow.current_price}}" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "borderColor": { "value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "e7720d28-6975-427b-b70a-82b4b5a41a77", "type": "desktop", "top": 220, "left": 11.627900290084854, "width": 15.000000000000002, "height": 40, "componentId": "47df1547-3971-4c9f-952c-b930983a17f9" } ] }, { "id": "c3ab02d4-b666-4299-b883-d89500095645", "name": "text47", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}", "fxActive": true } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "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": "{{queries.getCustomerOrders.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5f9d0012-d3b0-47c5-85d4-5993c44ddbc3", "type": "desktop", "top": 380, "left": 88.37209056618315, "width": 3, "height": 40, "componentId": "c3ab02d4-b666-4299-b883-d89500095645" } ] }, { "id": "199e644d-0826-42b4-b746-7ddada72b4c0", "name": "text48", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "42323f53-0523-4d26-9698-bc34d1f6f178", "properties": { "text": { "value": "Prod. Id" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "6965b128-a5e6-4f9f-ba16-460dc494aee1", "type": "desktop", "top": 10, "left": 0.0000028836761174488856, "width": 5, "height": 30, "componentId": "199e644d-0826-42b4-b746-7ddada72b4c0" } ] }, { "id": "44f057fa-6e0b-445e-90c7-3e60c11b2031", "name": "text49", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "21ea1521-df4f-43ff-bf91-c72d723bf535", "properties": { "text": { "value": "{{`#${listItem.product_id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#000000" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "5c8af329-9a89-4801-927f-6d2a20f9de99", "type": "desktop", "top": 10, "left": -3.134246213676306e-7, "width": 5, "height": 40, "componentId": "44f057fa-6e0b-445e-90c7-3e60c11b2031" } ] }, { "id": "c136896a-d1e2-494a-bf20-2fc9ce1af31d", "name": "text59", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "text": { "value": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "c6485e96-7d82-4db9-803b-61db3e66bb51", "type": "desktop", "top": 120, "left": 51.162796233025766, "width": 5, "height": 40, "componentId": "c136896a-d1e2-494a-bf20-2fc9ce1af31d" } ] }, { "id": "51103d2f-12c9-4e8f-9c36-a6d97e948d96", "name": "dropdown6", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.dropdown6.value != undefined ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4041e1d9-ab67-4e99-95aa-8b22e4abf52f", "type": "desktop", "top": 120, "left": 62.79068508336573, "width": 14.000000000000002, "height": 40, "componentId": "51103d2f-12c9-4e8f-9c36-a6d97e948d96" } ] }, { "id": "25f75e15-288e-4592-8eb9-35f71456158d", "name": "dropdown7", "type": "DropDown", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "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.country}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": { "customRule": { "value": "{{components.dropdown7.value != undefined ? true : \"\"}}" } }, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "4451eda4-031c-4651-94ff-faee0944af04", "type": "desktop", "top": 240, "left": 16.27906996955359, "width": 14.000000000000002, "height": 40, "componentId": "25f75e15-288e-4592-8eb9-35f71456158d" } ] }, { "id": "2f66a676-0d14-4517-8e3d-6298ed25138a", "name": "text63", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "text": { "value": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#666666ff", "fxActive": false }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "3fdafbc0-54d6-4bd4-8bbf-995fa4b0ccc0", "type": "desktop", "top": 240, "left": 4.651161831394547, "width": 5, "height": 40, "componentId": "2f66a676-0d14-4517-8e3d-6298ed25138a" } ] }, { "id": "9dfd107b-fbd0-410c-83bf-c605277368c9", "name": "chart4", "type": "Chart", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": { "title": { "value": "" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "styles": { "padding": { "value": "10" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "d517b55f-9aad-4972-b346-cf9067fa2612", "type": "desktop", "top": 60, "left": 55.81395348837209, "width": 17, "height": 280, "componentId": "9dfd107b-fbd0-410c-83bf-c605277368c9" } ] }, { "id": "33c45ca6-960b-4157-adc5-d7758f74bf91", "name": "container3", "type": "Container", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": null, "properties": { "visible": { "value": "{{true}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#213b80ff" }, "borderRadius": { "value": "0" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "95f7788b-460d-4dc8-9ea7-2096bca090f4", "type": "desktop", "top": 0, "left": 0, "width": 43, "height": 70, "componentId": "33c45ca6-960b-4157-adc5-d7758f74bf91" } ] }, { "id": "4a36f085-d3bb-44fc-a224-5afff35c7d91", "name": "text51", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "33c45ca6-960b-4157-adc5-d7758f74bf91", "properties": { "text": { "value": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff" }, "textSize": { "value": "{{24}}" }, "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" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "2def1a9c-7b8d-4553-9623-f62b83ffe819", "type": "desktop", "top": 10, "left": 2.3255827912519793, "width": 6, "height": 40, "componentId": "4a36f085-d3bb-44fc-a224-5afff35c7d91" } ] }, { "id": "e9da4687-a297-495c-90c8-d0d5b488eabe", "name": "text64", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "33c45ca6-960b-4157-adc5-d7758f74bf91", "properties": { "text": { "value": "Sales Analytics" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#ffffffff", "fxActive": false }, "textSize": { "value": "{{18}}" }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": 0 }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "8b1da95c-1d73-429f-8859-d8aa04389550", "type": "desktop", "top": 10, "left": 67.44186626637374, "width": 12, "height": 40, "componentId": "e9da4687-a297-495c-90c8-d0d5b488eabe" } ] }, { "id": "ffd43d04-7e17-4372-9458-a83fa7dfaf3b", "name": "verticaldivider1", "type": "VerticalDivider", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "a39d1dbb-8124-4b07-b348-01b0c95af865", "properties": {}, "general": {}, "styles": { "visibility": { "value": "{{true}}" }, "dividerColor": { "value": "#dadcdeff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "54b9c248-a050-4224-9f24-aaa9cdc99be5", "type": "desktop", "top": 60, "left": 51.16278745544168, "width": 1, "height": 280, "componentId": "ffd43d04-7e17-4372-9458-a83fa7dfaf3b" } ] }, { "id": "ac32935d-13f2-409b-9abe-22a0c57b90c4", "name": "text65", "type": "Text", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-3", "properties": { "text": { "value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "styles": { "backgroundColor": { "value": "#fff00000" }, "textColor": { "value": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getOrders.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "cf0ce092-6a06-45af-b468-9303e6c39d35", "type": "desktop", "top": 20, "left": 2.3255822593327444, "width": 14, "height": 40, "componentId": "ac32935d-13f2-409b-9abe-22a0c57b90c4" } ] }, { "id": "b5ee61d8-d154-462a-a3a6-98c6f793c876", "name": "table3", "type": "Table", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-3", "properties": { "title": { "value": "Table" }, "visible": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getOrders.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": "" }, "clientSidePagination": { "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": "ecb7323d-bf03-4856-992a-4d12b2711c0e", "name": "customer_id", "key": "customer_id", "columnType": "number", "autogenerated": true }, { "id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "id": "556f9785-ae13-4cf5-9252-d34beaed481a", "name": "product_id", "key": "product_id", "columnType": "number", "autogenerated": true }, { "id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad", "name": "product_name", "key": "product_name", "columnType": "string", "autogenerated": true }, { "id": "41f621c1-0982-420c-9d0a-65aef3d583e2", "name": "quantity", "key": "quantity", "columnType": "number", "autogenerated": true }, { "id": "d8112b51-7942-424f-8940-8e6a1ca0209b", "name": "at_price", "key": "at_price", "columnType": "number", "autogenerated": true }, { "id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5", "name": "total_price", "key": "total_price", "columnType": "number", "autogenerated": true }, { "id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "67effed7-a352-4bd2-905f-08aa63bc53a5", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88, "ecb7323d-bf03-4856-992a-4d12b2711c0e": 135, "556f9785-ae13-4cf5-9252-d34beaed481a": 143, "41f621c1-0982-420c-9d0a-65aef3d583e2": 142, "d8112b51-7942-424f-8940-8e6a1ca0209b": 156, "0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162, "84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167, "7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "is_active" ] } }, "general": {}, "styles": { "textColor": { "value": "#000" }, "actionButtonRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "cellSize": { "value": "regular" }, "borderRadius": { "value": "10" }, "tableType": { "value": "table-classic" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-27T01:11:01.902Z", "layouts": [ { "id": "dee9227b-da61-4601-84d9-c7d704a65fa8", "type": "desktop", "top": 80, "left": 2.325580506464219, "width": 41, "height": 490, "componentId": "b5ee61d8-d154-462a-a3a6-98c6f793c876" } ] }, { "id": "5cbe17e2-58ec-4884-926b-21289d19ce83", "name": "tabs1", "type": "Tabs", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": null, "properties": { "tabs": { "value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\n]}}" }, "defaultTab": { "value": "0" }, "hideTabs": { "value": false }, "renderOnlyActiveTab": { "value": true } }, "general": {}, "styles": { "highlightColor": { "value": "#4f81ffff", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "tabWidth": { "value": "auto" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "layouts": [ { "id": "0e302a93-089a-4391-87e3-0cf1f9f7e618", "type": "desktop", "top": 70, "left": 9.706608818384224e-7, "width": 43, "height": 640, "componentId": "5cbe17e2-58ec-4884-926b-21289d19ce83" } ] }, { "id": "9fcdde61-6ec1-4459-9f09-0ba1f60173b2", "name": "statistics4", "type": "Statistics", "pageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "parent": "5cbe17e2-58ec-4884-926b-21289d19ce83-0", "properties": { "primaryValueLabel": { "value": "Revenue ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${Math.min(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100,\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "styles": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "displayPreferences": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "validation": {}, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T11:40:22.128Z", "layouts": [ { "id": "9dcd933c-3967-4259-ae46-f2564f4dcc61", "type": "desktop", "top": 30, "left": 48.83721523470831, "width": 9.999999999999998, "height": 170, "componentId": "9fcdde61-6ec1-4459-9f09-0ba1f60173b2" } ] } ], "pages": [ { "id": "1bc6fd96-0780-413a-9741-4c5b5becda05", "name": "Home", "handle": "home", "index": 0, "disabled": false, "hidden": false, "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df" } ], "events": [ { "id": "ca4fa54f-c650-420d-bb0e-62c58fa25e39", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "369acf3e-3774-4aa3-9afe-916f32b66713", "actionId": "run-query", "alertType": "info", "queryName": "checkProductQuantity", "parameters": {} }, "sourceId": "42768a16-e49a-4472-941a-c1c5d2fd0d22", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "da293db9-1c5b-4a76-9888-ca02e7e3a1f2", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "693b5371-72c6-426d-8253-7cce3b1594ac", "actionId": "run-query", "alertType": "info", "queryName": "addProduct", "parameters": {} }, "sourceId": "40e36c3d-1a4b-48c4-b0cc-5e4403a0563f", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "e8300bd0-ae87-4d62-800c-283afa5a8e14", "name": "onSelect", "index": 0, "event": { "eventId": "onSelect", "message": "Hello world!", "queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "actionId": "run-query", "alertType": "info", "queryName": "getProductDetails", "runOnlyIf": "{{components.dropdown2.value != undefined}}", "parameters": {} }, "sourceId": "55b3161b-3563-405d-8e10-b61e6203931e", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2024-01-02T11:45:17.555Z" }, { "id": "e8582495-260e-452b-b735-8cb10b5bea1e", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "actionId": "run-query", "alertType": "info", "queryName": "addCustomer", "parameters": {} }, "sourceId": "9989d3e1-1116-4a03-abb8-d4917f3ffe7b", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "266236c2-7a52-41a3-bcd1-aaf46b0cc55e", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "actionId": "run-query", "alertType": "info", "queryName": "editCustomer", "parameters": {} }, "sourceId": "79b56359-59d1-4b77-ac19-aa8d23c22f71", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d34daee1-d154-407e-aa20-af8bbdc356e3", "name": "onClick", "index": 0, "event": { "eventId": "onClick", "message": "Hello world!", "queryId": "38520d62-864b-4489-8e08-796244458fec", "actionId": "run-query", "alertType": "info", "queryName": "editProduct", "parameters": {} }, "sourceId": "8c76e8c9-8c1a-44b9-8e62-adbbc3ef1727", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "ba0bf8bc-8660-4e27-9d8e-330e46e99fdf", "name": "onClick", "index": 1, "event": { "ref": "Action0", "eventId": "onClick", "message": "Hello world!", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "actionId": "run-query", "alertType": "info", "queryName": "getCustomerOrders", "parameters": {} }, "sourceId": "138cb6d3-b182-484c-80f3-fa87d1be5544", "target": "table_action", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "acb9d8a8-100d-410e-b077-36e91a505b5e", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "3d1d20c6-570c-484d-abbc-a710a70bf80f", "actionId": "run-query", "alertType": "info", "queryName": "ordersAnalyticsAfterColors", "parameters": {} }, "sourceId": "fbea03e7-a606-4848-b22b-9e3cb9506175", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "db6e6fa5-9d49-41e4-a3cc-ca809ccc1017", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "d88371b6-287d-4786-9a4c-4421b5f7467e", "actionId": "run-query", "alertType": "info", "queryName": "customerOrderChartAfterColors", "parameters": {} }, "sourceId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "f6609f2d-abda-44fb-8841-1b46cdb4f783", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Product updated successfully", "actionId": "show-alert", "alertType": "success" }, "sourceId": "38520d62-864b-4489-8e08-796244458fec", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "21ade80c-bb61-45f6-bc3a-deac2c6d45ef", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "actionId": "run-query", "alertType": "info", "queryName": "getProducts", "parameters": {} }, "sourceId": "38520d62-864b-4489-8e08-796244458fec", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "bc6a9f2a-51df-4a04-a15c-afd831cf9079", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to update product! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "38520d62-864b-4489-8e08-796244458fec", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "525a4cee-8ae0-4dac-867c-b39f9d431aff", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16", "actionId": "run-query", "alertType": "info", "queryName": "customerChartData", "parameters": {} }, "sourceId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "0e383995-b250-4845-aaea-e52f9a32c8de", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Customer added successfully", "actionId": "show-alert", "alertType": "success" }, "sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "62eed984-35af-459f-bb78-00c4b7489d27", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37", "actionId": "run-query", "alertType": "info", "queryName": "getCustomers", "parameters": {} }, "sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "27dadd48-d424-470f-a06d-8d4538a4b0ba", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to add customer! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "106e4f67-39f6-4a82-bd1e-566e2e4065cd", "name": "onClick", "index": 0, "event": { "modal": "a39d1dbb-8124-4b07-b348-01b0c95af865", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "797f0373-813a-4837-8ebc-b89296c7762a", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "2a007688-cc71-4baf-8ad9-72cfc5555fc2", "name": "onClick", "index": 0, "event": { "modal": "05f13508-39aa-4ecd-9381-c03b34add678", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "fbf7e002-2ceb-4747-9dde-b932c19035aa", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "7791fba2-9752-4f69-8a06-451279c4480a", "name": "onClick", "index": 0, "event": { "modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "f6f287ec-37f6-4783-82c6-68c752ee4cf8", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "ee981df7-b459-492b-afd9-bb81e5129498", "name": "onClick", "index": 0, "event": { "modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "2afe1b25-3226-4363-8708-b3e49555a4b7", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "2053c9bb-106b-4f23-af06-38f73809477c", "name": "onClick", "index": 0, "event": { "modal": "05f13508-39aa-4ecd-9381-c03b34add678", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "d9266be5-70af-4806-9862-1e8157056f6a", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "f924acd3-9fb3-43d5-bf68-d17047725339", "name": "onClick", "index": 0, "event": { "modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "eventId": "onClick", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "1261ba30-9c9d-4b3b-89d6-709104d7f20c", "target": "component", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "522e241f-76b2-438e-b2e0-8419b304c1ed", "name": "onClick", "index": 0, "event": { "ref": "Action0", "modal": "a39d1dbb-8124-4b07-b348-01b0c95af865", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "138cb6d3-b182-484c-80f3-fa87d1be5544", "target": "table_action", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "1bfc171e-d7c9-4793-8d81-aff7684e17f9", "name": "onClick", "index": 0, "event": { "ref": "Action0", "modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "eventId": "onClick", "message": "Hello world!", "actionId": "show-modal", "alertType": "info" }, "sourceId": "7ded00a2-c57a-4589-8bfe-d3e7d7605c34", "target": "table_action", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "1c604f7a-da38-4103-8ffa-7a7a738b63a0", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "05f13508-39aa-4ecd-9381-c03b34add678", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "c1dc6ace-cf46-4373-b16f-bfb0b1c0a81d", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "a39d1dbb-8124-4b07-b348-01b0c95af865", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "104a8b13-b917-493d-9f9a-f8c8dec3c959", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "55b3161b-3563-405d-8e10-b61e6203931e", "componentSpecificActionHandle": "selectOption", "componentSpecificActionParams": [ { "value": "{{undefined}}", "handle": "select", "displayName": "Select" } ] }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "eed16310-9246-458d-86c9-a8adf554aae6", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "control-component", "alertType": "info", "componentId": "d03dd05c-8bda-47ee-acaf-6f84d8b560a7", "componentSpecificActionHandle": "selectOption", "componentSpecificActionParams": [ { "value": "{{undefined}}", "handle": "select", "displayName": "Select" } ] }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "962b962e-d401-4b2f-8fc6-e6d12b027596", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "f6329d91-91bb-4f71-8d0f-6bdb2ea002bc", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "38520d62-864b-4489-8e08-796244458fec", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "ae0f07cb-f90e-4e17-b98e-8e328ae0b288", "name": "onDataQuerySuccess", "index": 0, "event": { "modal": "81da0f4e-1a1e-4f9a-8350-d53cec821bee", "eventId": "onDataQuerySuccess", "message": "Hello world!", "actionId": "close-modal", "alertType": "info" }, "sourceId": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d3987fb8-a5f3-45f2-b7a1-f45c5691886d", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Product added successfully", "actionId": "show-alert", "alertType": "success" }, "sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "a399aaee-4aea-466c-a737-874c756230ca", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "actionId": "run-query", "alertType": "info", "queryName": "getProducts", "parameters": {} }, "sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "fe81d95e-2135-4139-8c14-30de6c37a5bc", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to add product! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "693b5371-72c6-426d-8253-7cce3b1594ac", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "6f2f4a05-0120-43a7-992d-50b33a83199e", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Customer details updated successfully", "actionId": "show-alert", "alertType": "success" }, "sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "e5dcfd28-e53c-4aba-bd83-e95e2dcf41e4", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37", "actionId": "run-query", "alertType": "info", "queryName": "getCustomers", "parameters": {} }, "sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "c2135566-4f47-495a-a11f-97ba34cb33db", "name": "onDataQueryFailure", "index": 3, "event": { "eventId": "onDataQueryFailure", "message": "Failed to update customer details! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "6b9ff282-78fc-4258-90f1-78518f07e4ab", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "fbea03e7-a606-4848-b22b-9e3cb9506175", "actionId": "run-query", "alertType": "info", "queryName": "ordersAnalytics", "parameters": {} }, "sourceId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "4d70886b-97a5-443a-9eb0-96ba2a2e1807", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "actionId": "run-query", "alertType": "info", "queryName": "addOrder", "parameters": {} }, "sourceId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "eef45a72-f3d2-4252-b698-00b228bb7601", "name": "onDataQueryFailure", "index": 1, "event": { "eventId": "onDataQueryFailure", "message": "Failed to reduce product quantity! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "c181a93b-9c5b-4b92-b9f4-076ba4ea55a6", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35", "actionId": "run-query", "alertType": "info", "queryName": "reduceProductQuantity", "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) >= (components?.dropdown3?.value ?? 0)}}", "parameters": {} }, "sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "4dffd6dd-968f-4782-ab5f-d28ac254c07c", "name": "onDataQuerySuccess", "index": 1, "event": { "eventId": "onDataQuerySuccess", "message": "Product quantity available is insufficient! Please check and try again.", "actionId": "show-alert", "alertType": "warning", "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}" }, "sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "693dd36a-82e0-4817-9f24-908948e01c01", "name": "onDataQuerySuccess", "index": 2, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "actionId": "run-query", "alertType": "info", "queryName": "getProductDetails", "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}", "parameters": {} }, "sourceId": "369acf3e-3774-4aa3-9afe-916f32b66713", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "d09584a3-7346-4cd0-91a9-b39ff1d70ac3", "name": "onDataQuerySuccess", "index": 0, "event": { "eventId": "onDataQuerySuccess", "message": "Order added successfully", "actionId": "show-alert", "alertType": "success" }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "25d3ef74-b40e-4258-8431-b4bb640ad732", "name": "onDataQuerySuccess", "index": 3, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "actionId": "run-query", "alertType": "info", "queryName": "getCustomerOrders", "parameters": {} }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "dbb6ea50-f791-4b4a-9492-ce6443d3647f", "name": "onDataQuerySuccess", "index": 4, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "actionId": "run-query", "alertType": "info", "queryName": "getProducts", "parameters": {} }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "622a0fcb-a42d-4242-b90a-14d1bbe01e26", "name": "onDataQuerySuccess", "index": 5, "event": { "eventId": "onDataQuerySuccess", "message": "Hello world!", "queryId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0", "actionId": "run-query", "alertType": "info", "queryName": "getOrders", "parameters": {} }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" }, { "id": "0b50b40e-aea2-48b9-af26-b82a12032857", "name": "onDataQueryFailure", "index": 6, "event": { "eventId": "onDataQueryFailure", "message": "Failed to add order! Please check and try again.", "actionId": "show-alert", "alertType": "warning" }, "sourceId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "target": "data_query", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-12-24T03:36:08.870Z", "updatedAt": "2023-12-24T03:36:08.870Z" } ], "dataQueries": [ { "id": "693b5371-72c6-426d-8253-7cce3b1594ac", "name": "addProduct", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_products", "list_rows": {}, "create_row": { "0": { "column": "name", "value": "{{components.textinput13.value}}" }, "1": { "column": "type", "value": "{{components.dropdown4.value}}" }, "2": { "column": "brand", "value": "{{components.textinput14.value}}" }, "3": { "column": "qty_in_stock", "value": "{{components.textinput18.value}}" }, "4": { "column": "current_price", "value": "{{parseFloat(components.textinput19.value).toFixed(2)}}" }, "5": { "column": "created_at", "value": "{{moment().format()}}" }, "6": { "column": "updated_at", "value": "{{moment().format()}}" } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Product added successfully", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "queryName": "getProducts", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to add product! Please check and try again.", "alertType": "warning" } ], "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T19:29:31.066Z", "updatedAt": "2023-09-21T07:36:18.021Z" }, { "id": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "name": "getProducts", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_products", "list_rows": { "order_filters": { "8": { "column": "id", "order": "desc", "id": "8" } }, "where_filters": { "9": { "column": "is_active", "operator": "eq", "value": "true", "id": "9" } } }, "runOnPageLoad": true, "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T19:43:00.480Z", "updatedAt": "2023-09-13T05:11:25.589Z" }, { "id": "38520d62-864b-4489-8e08-796244458fec", "name": "editProduct", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_products", "list_rows": {}, "update_rows": { "columns": { "0": { "column": "current_price", "value": "{{parseFloat(components.textinput22.value).toFixed(2)}}" }, "1": { "column": "qty_in_stock", "value": "{{components.textinput21.value}}" }, "14": { "column": "updated_at", "value": "{{moment().format()}}" } }, "where_filters": { "11": { "column": "id", "operator": "eq", "value": "{{components.table2.selectedRow.id}}", "id": "11" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Product updated successfully", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "queryName": "getProducts", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to update product! Please check and try again.", "alertType": "warning" } ], "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T20:00:58.052Z", "updatedAt": "2023-09-13T05:11:25.600Z" }, { "id": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "name": "addCustomer", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_customers", "list_rows": {}, "create_row": { "0": { "column": "name", "value": "{{components.textinput11.value}}" }, "1": { "column": "email", "value": "{{components.textinput15.value}}" }, "2": { "column": "company", "value": "{{components.textinput16.value}}" }, "3": { "column": "country", "value": "{{components.dropdown6.value}}" }, "4": { "column": "created_at", "value": "{{moment().format()}}" }, "5": { "column": "updated_at", "value": "{{moment().format()}}" } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Customer added successfully", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37", "queryName": "getCustomers", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to add customer! Please check and try again.", "alertType": "warning" } ], "table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T20:31:07.144Z", "updatedAt": "2023-09-13T05:11:25.647Z" }, { "id": "61d55ec8-00a1-4111-88fe-0fadd6166e37", "name": "getCustomers", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_customers", "list_rows": { "where_filters": { "23": { "column": "is_active", "operator": "eq", "value": "true", "id": "23" } }, "order_filters": { "24": { "column": "id", "order": "desc", "id": "24" } } }, "runOnPageLoad": true, "table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T20:32:56.445Z", "updatedAt": "2023-09-13T05:11:25.606Z" }, { "id": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "name": "editCustomer", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_customers", "list_rows": {}, "update_rows": { "columns": { "0": { "column": "name", "value": "{{components.textinput1.value}}" }, "1": { "column": "email", "value": "{{components.textinput2.value}}" }, "2": { "column": "company", "value": "{{components.textinput3.value}}" }, "29": { "column": "updated_at", "value": "{{moment().format()}}" } }, "where_filters": { "25": { "column": "id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "25" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "close-modal", "message": "Hello world!", "alertType": "info", "modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Customer details updated successfully", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "61d55ec8-00a1-4111-88fe-0fadd6166e37", "queryName": "getCustomers", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to update customer details! Please check and try again.", "alertType": "warning" } ], "table_id": "cdb1dd71-591f-4e2d-a939-706d3e5e5ea0" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T20:50:25.924Z", "updatedAt": "2023-09-13T05:11:25.612Z" }, { "id": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0", "name": "getOrders", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_orders", "list_rows": { "where_filters": { "30": { "column": "is_active", "operator": "eq", "value": "true", "id": "30" } }, "order_filters": { "31": { "column": "id", "order": "desc", "id": "31" } } }, "runOnPageLoad": true, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "fbea03e7-a606-4848-b22b-9e3cb9506175", "queryName": "ordersAnalytics", "parameters": {} } ], "table_id": "a13820a6-bc6a-448c-a348-384adb75c48d" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T21:07:43.749Z", "updatedAt": "2023-09-13T05:11:25.617Z" }, { "id": "2a7a0455-0855-487d-94d0-3c183747ce2c", "name": "getCustomerOrders", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "table_name": "sales_analytics_orders", "list_rows": { "where_filters": { "32": { "column": "is_active", "operator": "eq", "value": "true", "id": "32" }, "33": { "column": "customer_id", "operator": "eq", "value": "{{components.table1.selectedRow.id}}", "id": "33" } }, "order_filters": { "34": { "column": "id", "order": "desc", "id": "34" } } }, "transformation": "res = {};\n\ndata.forEach((order) => {\n if (res.hasOwnProperty(order.product_id)) {\n res[order.product_id].quantity += order.quantity;\n res[order.product_id].total_price += order.total_price;\n } else {\n res[order.product_id] = order;\n }\n});\n\nreturn Object.values(res);", "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16", "queryName": "customerChartData", "parameters": {} } ], "table_id": "a13820a6-bc6a-448c-a348-384adb75c48d" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T21:09:44.161Z", "updatedAt": "2023-09-13T05:11:25.623Z" }, { "id": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "name": "getProductDetails", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "table_name": "sales_analytics_products", "list_rows": { "where_filters": { "35": { "column": "is_active", "operator": "eq", "value": "true", "id": "35" }, "36": { "column": "id", "operator": "eq", "value": "{{components?.dropdown2?.value ?? -1}}", "id": "36" } } }, "transformation": "return data[0];", "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T21:19:32.572Z", "updatedAt": "2023-09-13T05:11:25.629Z" }, { "id": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "name": "addOrder", "options": { "operation": "create_row", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_orders", "list_rows": {}, "create_row": { "0": { "column": "customer_id", "value": "{{components.table1.selectedRow.id}}" }, "1": { "column": "product_id", "value": "{{components.dropdown2.value}}" }, "2": { "column": "product_name", "value": "{{components.dropdown2.selectedOptionLabel}}" }, "3": { "column": "quantity", "value": "{{components.dropdown3.value}}" }, "4": { "column": "at_price", "value": "{{queries.getProductDetails.data.current_price.toFixed(2)}}" }, "5": { "column": "total_price", "value": "{{components.textinput17.value}}" }, "6": { "column": "country", "value": "{{components.table1.selectedRow.country}}" }, "7": { "column": "created_at", "value": "{{moment().format()}}" }, "8": { "column": "updated_at", "value": "{{moment().format()}}" } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Order added successfully", "alertType": "success" }, { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "selectOption", "componentId": "54cc01e3-231b-42ef-9fb9-d97ad100c25e", "componentSpecificActionParams": [ { "handle": "select", "displayName": "Select", "value": "{{undefined}}" } ] }, { "eventId": "onDataQuerySuccess", "actionId": "control-component", "message": "Hello world!", "alertType": "info", "componentSpecificActionHandle": "selectOption", "componentId": "47bcf998-1d86-4c9d-9fde-9c738903bad2", "componentSpecificActionParams": [ { "handle": "select", "displayName": "Select", "value": "{{undefined}}" } ] }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "queryName": "getCustomerOrders", "parameters": {} }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "c3f01e7f-c9e7-4a96-9ed1-bb623da86a13", "queryName": "getProducts", "parameters": {} }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "a1200d9f-4dab-4b29-bc42-3a455e7f80a0", "queryName": "getOrders", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to add order! Please check and try again.", "alertType": "warning" } ], "table_id": "a13820a6-bc6a-448c-a348-384adb75c48d" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T21:37:14.100Z", "updatedAt": "2023-09-13T05:11:25.653Z" }, { "id": "3968fbc6-634d-4a0d-80ea-8656c5ebab35", "name": "reduceProductQuantity", "options": { "operation": "update_rows", "transformationLanguage": "javascript", "enableTransformation": false, "table_name": "sales_analytics_products", "list_rows": {}, "update_rows": { "columns": { "47": { "column": "qty_in_stock", "value": "{{(queries?.getProductDetails?.data?.qty_in_stock ?? 0) - (components?.dropdown3?.value ?? 0)}}" } }, "where_filters": { "45": { "column": "id", "operator": "eq", "value": "{{components.dropdown2.value}}", "id": "45" }, "46": { "column": "is_active", "operator": "eq", "value": "true", "id": "46" } } }, "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "2d71ac19-5a55-4d3e-ba1f-218e2be5c721", "queryName": "addOrder", "parameters": {} }, { "eventId": "onDataQueryFailure", "actionId": "show-alert", "message": "Failed to reduce product quantity! Please check and try again.", "alertType": "warning" } ], "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T22:00:37.518Z", "updatedAt": "2023-09-13T05:11:25.635Z" }, { "id": "369acf3e-3774-4aa3-9afe-916f32b66713", "name": "checkProductQuantity", "options": { "operation": "list_rows", "transformationLanguage": "javascript", "enableTransformation": true, "table_name": "sales_analytics_products", "list_rows": { "where_filters": { "1": { "column": "id", "operator": "eq", "value": "{{components.dropdown2.value}}", "id": "1" }, "2": { "column": "is_active", "operator": "eq", "value": "true", "id": "2" } } }, "transformation": "return data[0];", "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "3968fbc6-634d-4a0d-80ea-8656c5ebab35", "queryName": "reduceProductQuantity", "parameters": {}, "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) >= (components?.dropdown3?.value ?? 0)}}" }, { "eventId": "onDataQuerySuccess", "actionId": "show-alert", "message": "Product quantity available is insufficient! Please check and try again.", "alertType": "warning", "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}" }, { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "runOnlyIf": "{{(queries?.checkProductQuantity?.data?.qty_in_stock ?? 0) < (components?.dropdown3?.value ?? 0)}}", "queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "queryName": "getProductDetails", "parameters": {} } ], "table_id": "da33a5fe-ada5-4dd1-8218-f3572a33aabe" }, "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-11T22:21:52.289Z", "updatedAt": "2023-09-13T05:11:25.641Z" }, { "id": "51962548-b0c0-43f6-9ec1-5cd11ccf3f16", "name": "customerOrderChart", "options": { "code": "data = queries.getCustomerOrders.data;\n\nformat = {\n data: [\n {\n type: \"pie\",\n labels: [],\n values: [],\n textinfo: \"label+percent\",\n textposition: \"inside\",\n textfont: {\n color: \"#ffffff\",\n size: 14,\n },\n marker: {\n colors: [],\n },\n },\n ],\n layout: {\n title: \"\",\n showlegend: false,\n height: 500,\n width: 700,\n margin: {\n l: 50,\n r: 50,\n t: 50,\n b: 50,\n },\n },\n};\n\ndata.forEach((order) => {\n format.data[0].labels.push(`Prod. #${order.product_id}`);\n format.data[0].values.push(parseFloat(order.total_price.toFixed(2)));\n});\n\nreturn format;", "hasParamSupport": true, "parameters": [], "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "d88371b6-287d-4786-9a4c-4421b5f7467e", "queryName": "customerOrderChartAfterColors", "parameters": {} } ] }, "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-12T05:56:06.910Z", "updatedAt": "2023-09-12T20:23:08.099Z" }, { "id": "fbea03e7-a606-4848-b22b-9e3cb9506175", "name": "ordersAnalytics", "options": { "code": "data = queries.getOrders.data;\n\nmonths = moment.monthsShort();\n\ndataPerMonth = months\n .map((month) => ({\n [month]: {\n monthName: month,\n qtySold: 0,\n revenue: 0,\n avgOrderValue: 0,\n customerIds: new Set(),\n },\n }))\n .reduce((a, b) => ({ ...a, ...b }));\n\ndataPerCountry = {};\n\ndata.forEach((order) => {\n if (moment(order.created_at).format(\"YYYY\") == moment().format(\"YYYY\")) {\n mmm = moment(order.created_at).format(\"MMM\");\n dataPerMonth[mmm].qtySold += order.quantity;\n dataPerMonth[mmm].revenue = parseFloat(\n (dataPerMonth[mmm].revenue + order.total_price).toFixed(2)\n );\n dataPerMonth[mmm].avgOrderValue = parseFloat(\n (dataPerMonth[mmm].revenue / dataPerMonth[mmm].qtySold).toFixed(2)\n );\n dataPerMonth[mmm].customerIds.add(order.customer_id);\n if (dataPerCountry.hasOwnProperty(order.country)) {\n dataPerCountry[order.country].revenue = parseFloat(\n (dataPerCountry[order.country].revenue + order.total_price).toFixed(2)\n );\n dataPerCountry[order.country].qtySold += order.quantity;\n } else {\n dataPerCountry[order.country] = {\n countryName: order.country,\n revenue: parseFloat(order.total_price.toFixed(2)),\n qtySold: order.quantity,\n };\n }\n }\n});\n\ndataPerCountry = Object.values(dataPerCountry);\n\nformat = {\n data: [\n {\n type: \"pie\",\n labels: dataPerCountry.map((country) => country.countryName),\n values: dataPerCountry.map((country) =>\n parseFloat(country.revenue.toFixed(2))\n ),\n textinfo: \"label+percent\",\n textposition: \"inside\",\n textfont: {\n color: \"#ffffff\",\n size: 14,\n },\n marker: {\n colors: [],\n },\n },\n ],\n layout: {\n title: \"Sales per country this year\",\n showlegend: false,\n height: 500,\n width: 700,\n margin: {\n l: 50,\n r: 50,\n t: 50,\n b: 50,\n },\n },\n};\n\nreturn { dataPerMonth: dataPerMonth, chartData: format };", "hasParamSupport": true, "parameters": [], "events": [ { "eventId": "onDataQuerySuccess", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "3d1d20c6-570c-484d-abbc-a710a70bf80f", "queryName": "ordersAnalyticsAfterColors", "parameters": {} } ] }, "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-12T10:38:26.295Z", "updatedAt": "2023-09-12T20:04:39.145Z" }, { "id": "3d1d20c6-570c-484d-abbc-a710a70bf80f", "name": "ordersAnalyticsAfterColors", "options": { "code": "function generateShadesOfColor(baseColor, numShades) {\n const match = baseColor.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i);\n if (!match) {\n throw new Error(\n \"Invalid color format. Please use hexadecimal color notation.\"\n );\n }\n\n const [, r, g, b] = match.map((hex) => parseInt(hex, 16));\n\n const shades = [];\n for (let i = 0; i < numShades; i++) {\n const newR = Math.floor(r * (1 - i / numShades));\n const newG = Math.floor(g * (1 - i / numShades));\n const newB = Math.floor(b * (1 - i / numShades));\n\n const shade = `#${newR.toString(16).padStart(2, \"0\")}${newG\n .toString(16)\n .padStart(2, \"0\")}${newB.toString(16).padStart(2, \"0\")}`;\n shades.push(shade);\n }\n\n return shades;\n}\n\ndata = queries.ordersAnalytics.data.chartData;\nconst baseColor = \"#2f54b7\";\nconst numShades = data.data[0].values.length;\nconst shades = generateShadesOfColor(baseColor, numShades);\ndata.data[0].marker.colors = shades;\nreturn data;", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-12T19:52:39.847Z", "updatedAt": "2023-09-12T20:17:51.612Z" }, { "id": "d88371b6-287d-4786-9a4c-4421b5f7467e", "name": "customerOrderChartAfterColors", "options": { "code": "function generateShadesOfColor(baseColor, numShades) {\n const match = baseColor.match(/^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i);\n if (!match) {\n throw new Error(\n \"Invalid color format. Please use hexadecimal color notation.\"\n );\n }\n\n const [, r, g, b] = match.map((hex) => parseInt(hex, 16));\n\n const shades = [];\n for (let i = 0; i < numShades; i++) {\n const newR = Math.floor(r * (1 - i / numShades));\n const newG = Math.floor(g * (1 - i / numShades));\n const newB = Math.floor(b * (1 - i / numShades));\n\n const shade = `#${newR.toString(16).padStart(2, \"0\")}${newG\n .toString(16)\n .padStart(2, \"0\")}${newB.toString(16).padStart(2, \"0\")}`;\n shades.push(shade);\n }\n\n return shades;\n}\n\ndata = queries.customerOrderChart.data;\nconst baseColor = \"#2f54b7\";\nconst numShades = data.data[0].values.length;\nconst shades = generateShadesOfColor(baseColor, numShades);\ndata.data[0].marker.colors = shades;\nreturn data;", "hasParamSupport": true, "parameters": [] }, "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "createdAt": "2023-09-12T20:14:10.117Z", "updatedAt": "2023-09-12T20:16:46.120Z" } ], "dataSources": [ { "id": "ad296b9d-8f33-41f9-b58a-24686f7c51ec", "name": "runpydefault", "kind": "runpy", "type": "static", "pluginId": null, "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "organizationId": null, "scope": "local", "createdAt": "2023-09-11T18:11:00.808Z", "updatedAt": "2023-09-11T18:11:00.808Z" }, { "id": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd", "name": "restapidefault", "kind": "restapi", "type": "static", "pluginId": null, "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "organizationId": null, "scope": "local", "createdAt": "2023-09-11T18:11:00.808Z", "updatedAt": "2023-09-11T18:11:00.808Z" }, { "id": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "name": "runjsdefault", "kind": "runjs", "type": "static", "pluginId": null, "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "organizationId": null, "scope": "local", "createdAt": "2023-09-11T18:11:00.808Z", "updatedAt": "2023-09-11T18:11:00.808Z" }, { "id": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "name": "tooljetdbdefault", "kind": "tooljetdb", "type": "static", "pluginId": null, "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "organizationId": null, "scope": "local", "createdAt": "2023-09-11T18:11:00.808Z", "updatedAt": "2023-09-11T18:11:00.808Z" }, { "id": "bbf96279-8c73-4ea3-9311-df4734dda542", "name": "workflowsdefault", "kind": "workflows", "type": "static", "pluginId": null, "appVersionId": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "organizationId": null, "scope": "local", "createdAt": "2023-09-11T18:11:00.808Z", "updatedAt": "2023-09-11T18:11:00.808Z" } ], "appVersions": [ { "id": "1a949ed8-f29d-44db-9b12-f87cbefa33df", "name": "v1", "definition": { "showViewerNavigation": false, "homePageId": "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38", "pages": { "cbd7f186-e2c5-4443-97c6-ccb0e7f37f38": { "components": { "5e82a221-8213-4caf-817c-88f97d8e4883": { "component": { "properties": { "tabs": { "type": "code", "displayName": "Tabs", "validation": { "schema": { "type": "array", "element": { "type": "object", "object": { "id": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } } } } }, "defaultTab": { "type": "code", "displayName": "Default tab", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "hideTabs": { "type": "toggle", "displayName": "Hide Tabs", "validation": { "schema": { "type": "boolean" } } }, "renderOnlyActiveTab": { "type": "toggle", "displayName": "Render only active tab", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onTabSwitch": { "displayName": "On tab switch" } }, "styles": { "highlightColor": { "type": "color", "displayName": "Highlight Color", "validation": { "schema": { "type": "string" } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "tabWidth": { "type": "select", "displayName": "Tab width", "options": [ { "name": "Auto", "value": "auto" }, { "name": "Equally split", "value": "split" } ] } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [], "styles": { "highlightColor": { "value": "#4f81ffff", "fxActive": false }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "tabWidth": { "value": "auto" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "tabs": { "value": "{{[\n { title: \"Overview\", id: \"0\" },\n { title: \"Orders\", id: \"3\" },\n { title: \"Customers\", id: \"1\" },\n { title: \"Products\", id: \"2\" },\n]}}" }, "defaultTab": { "value": "0" }, "hideTabs": { "value": false }, "renderOnlyActiveTab": { "value": true } }, "general": {}, "exposedVariables": {} }, "name": "tabs1", "displayName": "Tabs", "description": "Tabs component", "defaultSize": { "width": 30, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 60, "left": 37, "height": 100 }, "tab": 0, "properties": [ "source" ], "defaultValue": { "source": "https://uploads-ssl.webflow.com/6266634263b9179f76b2236e/62666392f32677b5cb2fb84b_logo.svg" } }, { "componentName": "Text", "layout": { "top": 100, "left": 17, "height": 50, "width": 34 }, "tab": 1, "properties": [ "text" ], "defaultValue": { "text": "Open-source low-code framework to build & deploy internal tools within minutes." } }, { "componentName": "Table", "layout": { "top": 0, "left": 1, "width": 42, "height": 250 }, "tab": 2 } ], "component": "Tabs", "actions": [ { "handle": "setTab", "displayName": "Set current tab", "params": [ { "handle": "id", "displayName": "Id" } ] } ], "exposedVariables": { "currentTab": "" } }, "layouts": { "desktop": { "top": 70, "left": 0, "width": 43, "height": 640 } }, "withDefaultChildren": false }, "64c60f67-ae5f-4fec-a74e-9b62100503be": { "id": "64c60f67-ae5f-4fec-a74e-9b62100503be", "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getCustomers.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getCustomers.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": "" }, "clientSidePagination": { "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 }, { "name": "name", "id": "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a", "autogenerated": true }, { "name": "email", "id": "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f", "autogenerated": true }, { "name": "company", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981" }, { "id": "d3be2482-e0ca-4347-bd71-2c3241631952", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "name": "created_at", "id": "3d5ce08d-82a5-44b7-939c-126dafffb4a0" }, { "name": "updated_at", "id": "7fe6cdb6-cd92-4bb7-bdb3-fd0aebe3f003" } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 241, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 207, "leftActions": 104, "e9460e25-9cff-4961-8ac9-39516d7a5981": 160, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 242, "7278dc62-35af-4b8c-b8ef-ae11897de851": 104, "d3be2482-e0ca-4347-bd71-2c3241631952": 174 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "View details", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, { "eventId": "onClick", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "2a7a0455-0855-487d-94d0-3c183747ce2c", "queryName": "getCustomerOrders", "parameters": {} } ], "position": "left", "disableActionButton": "{{false}}", "textColor": "#213b81ff", "backgroundColor": "#f0f6ffff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "product", "quantity", "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table1", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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" } ] } ] }, "layouts": { "desktop": { "top": 80.00003051757812, "left": 2.325580249259922, "width": 41, "height": 490 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1" }, "9196a79f-d2d0-4945-a18c-461621110d6d": { "id": "9196a79f-d2d0-4945-a18c-461621110d6d", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Average Order Value ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].avgOrderValue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .avgOrderValue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].avgOrderValue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics1", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 74.41860383993948, "width": 9.999999999999998, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "866b47b2-bf23-4ef8-bf0b-26fa857ed807": { "id": "866b47b2-bf23-4ef8-bf0b-26fa857ed807", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Total customers" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].customerIds.size}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")]\n .customerIds.size -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().subtract(1, \"month\").format(\"MMM\")\n ].customerIds.size) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics2", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 2.3255812455980243, "width": 9, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "3168ef8d-15d1-44c5-827a-cf183d11cf98": { "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getCustomers.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getCustomers?.data?.length ?? 0} Customers`}}" }, "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" } ] } ] }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1", "layouts": { "desktop": { "top": 20, "left": 2.325595995777369, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "a291e07a-cb22-4f02-b05d-40707ee14e2c": { "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": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "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": "Customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Launch Modal" }, "size": { "value": "xl" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "920px" } }, "general": {}, "exposedVariables": {} }, "name": "modal2", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 750.000057220459, "left": 2.3256077478684265, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "6611ee93-dfd1-42c6-b002-439bb005eca2": { "id": "6611ee93-dfd1-42c6-b002-439bb005eca2", "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": "#666666ff", "fxActive": false }, "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": "text4", "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": 120, "left": 4.6511635881258995, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "af78e81a-11f3-472a-b66b-73327dde099d": { "id": "af78e81a-11f3-472a-b66b-73327dde099d", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text5", "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": 60, "left": 4.651161793912395, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "bd544998-d2ae-4ad2-af4f-f0683eea8e1b": { "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": "{{components.textinput1.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{components.textinput1.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput1", "displayName": "Text Input", "description": "Text field for forms", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 60, "left": 16.279067969008917, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd": { "id": "98b9b1cc-fe4f-4db7-b534-b22ad4c4eadd", "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput2.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.email}}" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput2", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 120, "left": 16.279068577527127, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "9deaf722-d8f3-4d64-afab-a3c25782a26e": { "id": "9deaf722-d8f3-4d64-afab-a3c25782a26e", "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": "{{components.textinput3.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{6}}" }, "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": "{{components.textinput3.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table1.selectedRow.company}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput3", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 180, "left": 16.27906704285889, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "36bec844-5b66-478c-814d-257a91e59b80": { "id": "36bec844-5b66-478c-814d-257a91e59b80", "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": "#666666ff", "fxActive": false }, "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": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text6", "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": 180, "left": 4.6511635881258995, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "c52fa65e-c16c-4315-a0e1-dd7c80839b9d": { "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider1", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 830, "left": 3.134246213676306e-7, "width": 43, "height": 10 } }, "withDefaultChildren": false }, "8afb3d48-36eb-449c-8d2f-a17c36941493": { "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": "369acf3e-3774-4aa3-9afe-916f32b66713", "queryName": "checkProductQuantity", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": false }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{components.dropdown2.value == undefined || components.dropdown3.value == undefined}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Order" }, "loadingState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button1", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 860, "left": 83.72093023255815, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1": { "id": "8d1bc6ea-d601-48f5-99b7-80fd0ab607e1", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c" } ], "styles": { "backgroundColor": { "value": "#ffffff80" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button2", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 860, "left": 72.09302215268106, "width": 4, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "d4e9af65-5062-458c-b2f4-f0b6afdea142": { "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": "#ffffff00", "fxActive": false }, "textColor": { "value": "#213B81", "fxActive": false }, "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": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text8", "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" } ] } ] }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 10, "left": 4.651166276216096, "width": 14, "height": 40 } }, "withDefaultChildren": false }, "a72bb1eb-afe6-463f-9b80-077ed0d7f748": { "id": "a72bb1eb-afe6-463f-9b80-077ed0d7f748", "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": "#213B81", "fxActive": false }, "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": "Order Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text9", "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": 380, "left": 4.651201625160855, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "18505c13-2546-4f7e-89f2-59768b29ce57": { "id": "18505c13-2546-4f7e-89f2-59768b29ce57", "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getProducts.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getProducts?.data?.length ?? 0} Products`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text16", "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": 20, "left": 2.3255869327817056, "width": 14, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "724ff2bb-3b5c-448e-944d-e176705b34db": { "id": "724ff2bb-3b5c-448e-944d-e176705b34db", "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getProducts.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getProducts.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": "" }, "clientSidePagination": { "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": "6ff6f2d1-ae39-4f01-9f02-001a75567deb", "name": "name", "key": "name", "columnType": "string", "autogenerated": true }, { "name": "type", "id": "e9460e25-9cff-4961-8ac9-39516d7a5981", "columnType": "default" }, { "name": "brand", "id": "d1d6d6f1-3f08-465b-8080-829a460d0b78", "columnType": "default" }, { "name": "qty_in_stock", "id": "7278dc62-35af-4b8c-b8ef-ae11897de851" }, { "id": "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a", "name": "current_price", "key": "current_price", "columnType": "number", "autogenerated": true }, { "id": "4b3fb0f6-a827-465e-bdf5-7b607d27507b", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "7b0c396a-aaee-4485-aebc-c8281b19f3bf", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{true}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "afc9a5091750a1bd4760e38760de3b4be11a43452ae8ae07ce2eebc569fe9a7f": 65, "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 102, "rightActions": 72, "5d2a3744a006388aadd012fcc15cc0dbcb5f9130e0fbb64c558561c97118754a": 140, "leftActions": 72, "e9460e25-9cff-4961-8ac9-39516d7a5981": 183, "d1d6d6f1-3f08-465b-8080-829a460d0b78": 160, "7278dc62-35af-4b8c-b8ef-ae11897de851": 175, "6ff6f2d1-ae39-4f01-9f02-001a75567deb": 247, "d9d4cf35-b1d4-4179-b16e-b6688c69eb3a": 178 } }, "actions": { "value": [ { "name": "Action0", "buttonText": "Edit", "events": [ { "eventId": "onClick", "actionId": "show-modal", "message": "Hello world!", "alertType": "info", "modal": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" } ], "position": "left", "disableActionButton": "{{false}}", "backgroundColor": "#f0f6ffff", "textColor": "#213b81ff" } ] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "order date", "Qty sold", "email", "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table2", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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" } ] } ] }, "layouts": { "desktop": { "top": 80, "left": 2.3255813953488373, "width": 41, "height": 490 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1": { "id": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1", "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": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "exposedVariables": {} }, "name": "modal6", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 67.44186080042796, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "d6887251-aeec-4c61-9ed5-7857a629f548": { "id": "d6887251-aeec-4c61-9ed5-7857a629f548", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text30", "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": 70, "left": 4.651168424894576, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "429efd49-6f00-4425-a9c3-85999698c138": { "id": "429efd49-6f00-4425-a9c3-85999698c138", "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": "{{components.textinput13.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput13.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput13", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 70, "left": 11.62790689160906, "width": 36, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "52e43826-1aa0-49b4-a4d3-a135f884fa70": { "id": "52e43826-1aa0-49b4-a4d3-a135f884fa70", "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": "{{components.textinput14.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput14.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput14", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 60.46510288959324, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "a89caaeb-b9f0-4a38-adde-f77707b64939": { "id": "a89caaeb-b9f0-4a38-adde-f77707b64939", "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": "#666666ff", "fxActive": false }, "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": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text31", "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": 140, "left": 51.16279745082527, "width": 4, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "16a11718-2e5f-4fb8-a89a-5e1636c83c7f": { "id": "16a11718-2e5f-4fb8-a89a-5e1636c83c7f", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider5", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0a12ce5c-5511-4027-9764-054b6752659b": { "id": "0a12ce5c-5511-4027-9764-054b6752659b", "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": "693b5371-72c6-426d-8253-7cce3b1594ac", "queryName": "addProduct", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput13.isValid || !components.textinput14.isValid || !components.dropdown4.isValid || !components.textinput18.isValid || !components.textinput19.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{queries.addProduct.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button9", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 76.74419092490663, "width": 8, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "7ca82553-80e7-421b-b278-5a00d0250b89": { "id": "7ca82553-80e7-421b-b278-5a00d0250b89", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button10", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 62.79068219897656, "width": 5, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "c511607b-5a00-418c-b814-5b9ccf8fa4bf": { "id": "c511607b-5a00-418c-b814-5b9ccf8fa4bf", "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": "#213B81", "fxActive": true }, "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": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text33", "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": 4.6511560061557224, "width": 14.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "89304548-d603-41fb-8696-c77096ff17d6": { "id": "89304548-d603-41fb-8696-c77096ff17d6", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text35", "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": 220, "left": 51.16278773230763, "width": 4, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0110ef71-686f-4c85-a85b-4d47a80111b8": { "id": "0110ef71-686f-4c85-a85b-4d47a80111b8", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Sales per country this year" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading || queries.ordersAnalyticsAfterColors.isLoading || queries.getOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.ordersAnalyticsAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "exposedVariables": {} }, "name": "chart3", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 230, "left": 58.13953624532072, "width": 17, "height": 330 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "e5d754ff-eb1f-4d1d-945b-65843b32408e": { "id": "e5d754ff-eb1f-4d1d-945b-65843b32408e", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Revenue ($)" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].revenue -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].revenue) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics4", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 48.83721329386816, "width": 9.999999999999998, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "b91a9efc-f701-4305-be8c-4001a7a80400": { "id": "b91a9efc-f701-4305-be8c-4001a7a80400", "component": { "properties": { "primaryValueLabel": { "type": "code", "displayName": "Primary value label", "validation": { "schema": { "type": "string" } } }, "primaryValue": { "type": "code", "displayName": "Primary value", "validation": { "schema": { "type": "string" } } }, "hideSecondary": { "type": "toggle", "displayName": "Hide secondary value", "validation": { "schema": { "type": "boolean" } } }, "secondaryValueLabel": { "type": "code", "displayName": "Secondary value label", "validation": { "schema": { "type": "string" } } }, "secondaryValue": { "type": "code", "displayName": "Secondary value", "validation": { "schema": { "type": "string" } } }, "secondarySignDisplay": { "type": "code", "displayName": "Secondary sign display", "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": {}, "styles": { "primaryLabelColour": { "type": "color", "displayName": "Primary Label Colour", "validation": { "schema": { "type": "string" } } }, "primaryTextColour": { "type": "color", "displayName": "Primary Text Colour", "validation": { "schema": { "type": "string" } } }, "secondaryLabelColour": { "type": "color", "displayName": "Secondary Label Colour", "validation": { "schema": { "type": "string" } } }, "secondaryTextColour": { "type": "color", "displayName": "Secondary Text Colour", "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": { "primaryLabelColour": { "value": "#8092AB" }, "primaryTextColour": { "value": "#000000" }, "secondaryLabelColour": { "value": "#8092AB" }, "secondaryTextColour": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"#36AF8B\"\n : \"#EE2C4D\"}}", "fxActive": true }, "visibility": { "value": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "primaryValueLabel": { "value": "Qty. Sold" }, "primaryValue": { "value": "{{queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold}}" }, "secondaryValueLabel": { "value": "Last month" }, "secondaryValue": { "value": "{{`${(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n).toFixed(2)}%`}}" }, "secondarySignDisplay": { "value": "{{(\n ((queries.ordersAnalytics.data.dataPerMonth[moment().format(\"MMM\")].qtySold -\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) /\n queries.ordersAnalytics.data.dataPerMonth[\n moment().add(-1, \"month\").format(\"MMM\")\n ].qtySold) *\n 100\n) > 0\n ? \"positive\"\n : \"negative\"}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "hideSecondary": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "statistics6", "displayName": "Statistics", "description": "Statistics can be used to display different statistical information", "component": "Statistics", "defaultSize": { "width": 9.2, "height": 152 }, "exposedVariables": {} }, "layouts": { "desktop": { "top": 30, "left": 25.58139219926747, "width": 9, "height": 170 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "f3c8c84e-18b9-4432-aec0-bd92b10d2692": { "id": "f3c8c84e-18b9-4432-aec0-bd92b10d2692", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } }, "barmode": { "type": "select", "displayName": "Bar mode", "options": [ { "name": "Stack", "value": "stack" }, { "name": "Group", "value": "group" }, { "name": "Overlay", "value": "overlay" }, { "name": "Relative", "value": "relative" } ], "validation": { "schema": { "schemas": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "50" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Total sales this year" }, "markerColor": { "value": "#5e82e0ff" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{false}}" }, "loadingState": { "value": "{{queries.getOrders.isLoading || queries.ordersAnalytics.isLoading}}", "fxActive": true }, "barmode": { "value": "group" }, "jsonDescription": { "value": "{\n \"data\": [\n {\n \"x\": [\n \"Jan\",\n \"Feb\",\n \"Mar\",\n \"Jun\",\n \"Jul\",\n \"Aug\",\n \"Sep\",\n \"Oct\",\n \"Nov\",\n \"Dec\"\n \n ],\n \"y\": [\n 100,\n 80,\n 40,\n 60,\n 60,\n 25,\n 0,\n 0,\n 0,\n 0\n ],\n \"type\": \"bar\"\n }\n ]\n }" }, "type": { "value": "bar" }, "data": { "value": "{{Object.values(queries?.ordersAnalytics?.data?.dataPerMonth ?? {}).map(\n (month) => ({\n x: month.monthName,\n y: month.revenue,\n })\n)}}" } }, "general": {}, "exposedVariables": {} }, "name": "chart6", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 230, "left": 2.3255813953488373, "width": 23, "height": 330 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-0" }, "08300762-0eba-4b4d-af8f-2a7fb75fea38": { "id": "08300762-0eba-4b4d-af8f-2a7fb75fea38", "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": "#ffffff00" }, "textColor": { "value": "#213B81", "fxActive": false }, "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": "Orders summary by cost" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text39", "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": 55.8139500865679, "width": 14, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "c01bbbf2-ec98-4ae5-a8c9-448266a6289d": { "id": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d", "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": "#ffffffff" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffffff" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": false }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Add customer" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add customer" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "280px" } }, "general": {}, "exposedVariables": {} }, "name": "modal7", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 69.76743908216835, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-1" }, "a2b173a3-7b02-4bf7-b423-99b36ae96fcb": { "id": "a2b173a3-7b02-4bf7-b423-99b36ae96fcb", "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": "#666666ff", "fxActive": false }, "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": "text42", "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": 120, "left": 4.651164026267174, "width": 4, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5": { "id": "46db1ccd-6b3d-4e4f-91e2-f2c9349d04a5", "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": "#666666ff", "fxActive": false }, "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": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text43", "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": 60, "left": 4.651162963972348, "width": 4, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "b86629b8-e27a-41fb-abe0-7f2541815262": { "id": "b86629b8-e27a-41fb-abe0-7f2541815262", "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": "{{components.textinput11.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput11.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput11", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 60.00001525878906, "left": 13.953475264081066, "width": 14, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65": { "id": "ac45c5f5-ed9e-40aa-8711-aa1cd3e71c65", "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^[\\w-\\.]+@([\\w-]+\\.)+[\\w-]{2,4}$/.test(components.textinput15.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter email" } }, "general": {}, "exposedVariables": {} }, "name": "textinput15", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 120.00001525878906, "left": 13.953482739224162, "width": 14.000000000000002, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "75b94950-b063-48ec-904d-0bc5174a915f": { "id": "75b94950-b063-48ec-904d-0bc5174a915f", "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": "{{components.textinput16.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{components.textinput16.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput16", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 60, "left": 62.7907019101015, "width": 14, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "61447808-eac6-4bc1-90fc-69a4973684a7": { "id": "61447808-eac6-4bc1-90fc-69a4973684a7", "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": "#666666ff", "fxActive": false }, "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": "Company" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text44", "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": 60, "left": 51.16279499745627, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "5c75dd41-5123-461a-bc60-22d28ff85c61": { "id": "5c75dd41-5123-461a-bc60-22d28ff85c61", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider7", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 190, "left": 0, "width": 43, "height": 10 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "81e083a2-5d63-4a6c-af1d-18cb9719bd9e": { "id": "81e083a2-5d63-4a6c-af1d-18cb9719bd9e", "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": "987f39ac-dd30-4346-b04b-ba92c7b3d288", "queryName": "addCustomer", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput11.isValid || !components.textinput15.isValid || !components.textinput16.isValid || !components.dropdown6.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add customer" }, "loadingState": { "value": "{{queries.addCustomer.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button12", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 220, "left": 76.74418426940643, "width": 8, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "caec1f77-e911-4dda-ae20-25a2c1c1200b": { "id": "caec1f77-e911-4dda-ae20-25a2c1c1200b", "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button13", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 220, "left": 62.79071384658206, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "4d57de11-54bb-437f-9f4e-47620be2292c": { "id": "4d57de11-54bb-437f-9f4e-47620be2292c", "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": "#213B81", "fxActive": true }, "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": "Customer Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text46", "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": 4.651154551901468, "width": 14.000000000000002, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "d7053db4-ae15-46a2-aeb5-02daefc2735f": { "id": "d7053db4-ae15-46a2-aeb5-02daefc2735f", "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": "#666666ff", "fxActive": false }, "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": "text50", "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": 140, "left": 4.651159034566407, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "31d79ec2-793a-4140-8cf0-1820ab353db2": { "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" } ], "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Customer" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button15", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": "5e82a221-8213-4caf-817c-88f97d8e4883-1", "layouts": { "desktop": { "top": 20, "left": 83.72092413686282, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "47d3a78b-8435-4a20-a849-3b7c0be713b7": { "component": { "properties": { "data": { "type": "code", "displayName": "List data", "validation": { "schema": { "type": "array", "element": { "type": "object" } } } }, "mode": { "type": "select", "displayName": "Mode", "options": [ { "name": "list", "value": "list" }, { "name": "grid", "value": "grid" } ], "validation": { "schema": { "type": "string" } } }, "columns": { "type": "number", "displayName": "Columns", "validation": { "schema": { "type": "number" } }, "conditionallyRender": { "key": "mode", "value": "grid" } }, "rowHeight": { "type": "code", "displayName": "Row height", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" } ] } } }, "showBorder": { "type": "code", "displayName": "Show bottom border", "validation": { "schema": { "type": "boolean" } }, "conditionallyRender": { "key": "mode", "value": "list" } }, "enablePagination": { "type": "toggle", "displayName": "Enable pagination", "validation": { "schema": { "type": "boolean" } } }, "rowsPerPage": { "type": "code", "displayName": "Rows per page", "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": { "onRowClicked": { "displayName": "Row clicked (Deprecated)" }, "onRecordClicked": { "displayName": "Record clicked" } }, "styles": { "backgroundColor": { "type": "color", "displayName": "Background color", "validation": { "schema": { "type": "string" } } }, "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" } } }, "borderRadius": { "type": "number", "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": { "backgroundColor": { "value": "#8888880d" }, "borderColor": { "value": "#dadcde" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" }, "borderRadius": { "value": "{{10}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "data": { "value": "{{queries.getCustomerOrders.data}}" }, "mode": { "value": "list" }, "columns": { "value": "{{3}}" }, "rowHeight": { "value": "60" }, "visible": { "value": "{{true}}" }, "showBorder": { "value": "{{true}}" }, "rowsPerPage": { "value": "{{10}}" }, "enablePagination": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "listview1", "displayName": "List View", "description": "Wrapper for multiple components", "defaultSize": { "width": 20, "height": 300 }, "defaultChildren": [ { "componentName": "Image", "layout": { "top": 15, "left": 6.976744186046512, "height": 100 }, "properties": [ "source" ], "accessorKey": "imageURL" }, { "componentName": "Text", "layout": { "top": 50, "left": 27, "height": 30 }, "properties": [ "text" ], "accessorKey": "text" }, { "componentName": "Button", "layout": { "top": 50, "left": 60, "height": 30 }, "incrementWidth": 2, "properties": [ "text" ], "accessorKey": "buttonText" } ], "component": "Listview", "exposedVariables": { "data": [ {} ] } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 469.99999237060547, "left": 4.651161008130597, "width": 39.00000000000001, "height": 180 } }, "withDefaultChildren": false }, "2befd867-7265-4237-a299-6f5be30c7fea": { "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": "{{listItem.product_name}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text52", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 16.279071031395265, "width": 15.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "4de2a869-67ad-47b2-8b9c-66b83ef660d8": { "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": "{{`\\$${listItem.total_price.toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text53", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 55.81395159116008, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "ccd2a4d8-608a-4e04-8500-6dc547504c22": { "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": "{{listItem.quantity}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text54", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": 79.06976680603806, "width": 6, "height": 40 } }, "withDefaultChildren": false }, "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59": { "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": "#8888880d" }, "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": "container1", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 420, "left": 4.651162113937779, "width": 39.00000000000001, "height": 50 } }, "withDefaultChildren": false }, "6704e8d1-4c9a-4324-a5c3-49357c1a782e": { "id": "6704e8d1-4c9a-4324-a5c3-49357c1a782e", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "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": "Product name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text55", "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": 16.279069134183267, "width": 10, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "e827c106-75d4-421a-be52-60f0690da520": { "id": "e827c106-75d4-421a-be52-60f0690da520", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "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": "Total price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text56", "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": 55.8139360981166, "width": 7, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d": { "id": "d8c49bcc-8d06-4547-bb19-4b7c2a90a17d", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text57", "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": 79.06977213164956, "width": 7, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "6a9a1d90-0458-45f1-a49d-9563ae18b8d3": { "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": "#88888826" }, "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": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 659.999885559082, "left": 4.651164003236601, "width": 39.00000000000001, "height": 50 } }, "withDefaultChildren": false }, "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a": { "id": "21e90e2c-f1eb-440e-b7d6-1d21c15e7f2a", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "right" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "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": "Total" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text58", "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": 0, "left": 60.465116268814555, "width": 6.999999999999999, "height": 40 } }, "parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3" }, "4f17d16e-758a-49dd-b85d-7a81e8928a2a": { "id": "4f17d16e-758a-49dd-b85d-7a81e8928a2a", "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": "#213b81ff" }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{8}}" }, "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": "{{`\\$${queries.getCustomerOrders.data\n .map((order) => order?.total_price ?? 0)\n .reduce((sum, n) => {\n return sum + n;\n }, 0)\n .toFixed(2)}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text41", "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": 0, "left": 79.06976744186046, "width": 8, "height": 40 } }, "parent": "6a9a1d90-0458-45f1-a49d-9563ae18b8d3" }, "4c3768db-31db-48bd-9079-31ae3a7206ef": { "id": "4c3768db-31db-48bd-9079-31ae3a7206ef", "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": "09bfbae9-3e36-4a93-b8e0-12e46b902229", "queryName": "editCustomer", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#ffffff00", "fxActive": false }, "disabledState": { "value": "{{ !components.textinput1.isValid || !components.textinput2.isValid || !components.textinput3.isValid || !components.dropdown7.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Update" }, "loadingState": { "value": "{{queries.editCustomer.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button11", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 300, "left": 39.53488372093023, "width": 4, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "23653770-571b-4857-a45c-7aba0a6e73c4": { "id": "23653770-571b-4857-a45c-7aba0a6e73c4", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider9", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 360, "left": 4.651165636896876, "width": 39.00000000000001, "height": 10 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "54cc01e3-231b-42ef-9fb9-d97ad100c25e": { "component": { "properties": { "label": { "type": "code", "displayName": "Label", "validation": { "schema": { "type": "string" } } }, "placeholder": { "type": "code", "displayName": "Placeholder", "validation": { "validation": { "schema": { "type": "string" } } } }, "advanced": { "type": "toggle", "displayName": "Advanced", "validation": { "schema": { "type": "boolean" } } }, "value": { "type": "code", "displayName": "Default value", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } }, "values": { "type": "code", "displayName": "Option values", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "display_values": { "type": "code", "displayName": "Option labels", "conditionallyRender": { "key": "advanced", "value": false }, "validation": { "schema": { "type": "array", "element": { "type": "union", "schemas": [ { "type": "string" }, { "type": "number" }, { "type": "boolean" } ] } } } }, "schema": { "type": "code", "displayName": "Schema", "conditionallyRender": { "key": "advanced", "value": true } }, "loadingState": { "type": "toggle", "displayName": "Options loading state", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "type": "code", "displayName": "Tooltip", "validation": { "schema": { "type": "string" } } } }, "others": { "showOnDesktop": { "type": "toggle", "displayName": "Show on desktop" }, "showOnMobile": { "type": "toggle", "displayName": "Show on mobile" } }, "events": { "onSelect": { "displayName": "On select" }, "onSearchTextChanged": { "displayName": "On search text changed" } }, "styles": { "borderRadius": { "type": "code", "displayName": "Border radius", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "type": "string" } ] } } }, "visibility": { "type": "toggle", "displayName": "Visibility", "validation": { "schema": { "type": "boolean" } } }, "selectedTextColor": { "type": "color", "displayName": "Selected Text Color", "validation": { "schema": { "type": "string" } } }, "disabledState": { "type": "toggle", "displayName": "Disable", "validation": { "schema": { "type": "boolean" } } }, "justifyContent": { "type": "alignButtons", "displayName": "Align Text", "validation": { "schema": { "type": "string" } } } }, "validate": true, "generalStyles": { "boxShadow": { "type": "boxShadow", "displayName": "Box Shadow" } }, "definition": { "others": { "showOnDesktop": { "value": "{{true}}" }, "showOnMobile": { "value": "{{false}}" } }, "events": [ { "eventId": "onSelect", "actionId": "run-query", "message": "Hello world!", "alertType": "info", "queryId": "f2b2d1e8-dc3c-433d-9dcc-acf7f7221ca6", "queryName": "getProductDetails", "parameters": {} } ], "styles": { "borderRadius": { "value": "5" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{queries.getProducts.data.map(product => product.id)}}" }, "display_values": { "value": "{{queries.getProducts.data.map(product => `${product.brand} - ${product.name}`)}}" }, "loadingState": { "value": "{{queries.getProducts.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select a product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown2", "displayName": "Dropdown", "description": "Select one value from options", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 4.65116070509264, "width": 16, "height": 40 } }, "withDefaultChildren": false }, "0c102a9f-d84e-429c-936b-e02717dcc7cc": { "id": "0c102a9f-d84e-429c-936b-e02717dcc7cc", "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": "#666666ff", "fxActive": false }, "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": "Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text60", "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": 750, "left": 4.651164977171899, "width": 10, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "ca96e2a1-812e-4f3d-be78-113e693b20b3": { "id": "ca96e2a1-812e-4f3d-be78-113e693b20b3", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text61", "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": 750, "left": 46.511626745762634, "width": 10, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64": { "id": "b10da0f8-d9f4-4d1d-be61-7b3accbb2d64", "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": "#666666ff", "fxActive": false }, "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": "Total ($)" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text62", "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": 750, "left": 76.74418365661388, "width": 7, "height": 30 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "47bcf998-1d86-4c9d-9fde-9c738903bad2": { "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": "{{queries.checkProductQuantity.isLoading || queries.reduceProductQuantity.isLoading || queries.addOrder.isLoading}}", "fxActive": true }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "customRule": { "value": null } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "display_values": { "value": "{{Array.from({length: queries?.getProductDetails?.data?.qty_in_stock ?? 0}, (_, i) => i + 1)}}" }, "loadingState": { "value": "{{queries.getProductDetails.isLoading}}", "fxActive": true }, "placeholder": { "value": "Select quantity" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown3", "displayName": "Dropdown", "description": "Select one value from options", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 46.51162072672183, "width": 11.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "57aa09a1-81be-4734-bade-28355cd09e3e": { "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": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": null } }, "properties": { "value": { "value": "{{((components?.dropdown3?.value ?? 0) * (queries?.getProductDetails?.data?.current_price ?? 0)).toFixed(2)}}" }, "placeholder": { "value": "0" } }, "general": {}, "exposedVariables": {} }, "name": "textinput17", "displayName": "Text Input", "description": "Text field for forms", "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": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 780, "left": 76.7441870145945, "width": 8, "height": 40 } }, "withDefaultChildren": false }, "338a534e-e7e9-4248-bf55-fa457b7516d2": { "id": "338a534e-e7e9-4248-bf55-fa457b7516d2", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" } ], "styles": { "backgroundColor": { "value": "#213b81ff" }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{5}}" }, "borderColor": { "value": "#375FCF" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Add Product" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button14", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 20, "left": 83.72091289215417, "width": 6, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "8fef9dce-58f0-4727-ae46-dea836b63888": { "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": "{{components.dropdown4.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown4.value != undefined ? true : \"\"}}" } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown4", "displayName": "Dropdown", "description": "Select one value from options", "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": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1", "layouts": { "desktop": { "top": 140, "left": 11.62790224971062, "width": 15, "height": 40 } }, "withDefaultChildren": false }, "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402": { "id": "3d8d2ff7-e634-4ee5-b941-c4c8b21cd402", "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": "{{/^\\d+$/.test(components.textinput18.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^\\d+$/.test(components.textinput18.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "exposedVariables": {} }, "name": "textinput18", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 60.46510156732731, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "0441f736-54ce-4cf9-ba60-faccf154124a": { "id": "0441f736-54ce-4cf9-ba60-faccf154124a", "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": "#666666ff", "fxActive": false }, "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": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text36", "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": 220, "left": 4.651162598330287, "width": 3, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "8737f63e-9ec9-46b3-acae-88dfc320e74c": { "id": "8737f63e-9ec9-46b3-acae-88dfc320e74c", "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput19.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "exposedVariables": {} }, "name": "textinput19", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 11.62790302224886, "width": 15.000000000000002, "height": 40 } }, "parent": "d62cfa83-4661-4ac6-a52f-6ca0def3a6b1" }, "fe446d8e-ea94-43b6-bba2-1aedf9c9390f": { "id": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f", "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": "#ffffff1a" }, "headerTextColor": { "value": "#213b81ff" }, "bodyBackgroundColor": { "value": "#ffffff1a" }, "disabledState": { "value": "{{false}}" }, "visibility": { "value": "{{true}}" }, "triggerButtonBackgroundColor": { "value": "#213B81", "fxActive": true }, "triggerButtonTextColor": { "value": "#ffffffff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "Edit product" }, "loadingState": { "value": "{{false}}" }, "useDefaultButton": { "value": "{{false}}" }, "triggerButtonLabel": { "value": "Add product" }, "size": { "value": "lg" }, "hideTitleBar": { "value": "{{false}}" }, "hideCloseButton": { "value": "{{false}}" }, "hideOnEsc": { "value": "{{true}}" }, "closeOnClickingOutside": { "value": "{{false}}" }, "modalHeight": { "value": "380px" } }, "general": {}, "exposedVariables": {} }, "name": "modal4", "displayName": "Modal", "description": "Modal triggered by events", "component": "Modal", "defaultSize": { "width": 10, "height": 34 }, "exposedVariables": { "show": false }, "actions": [ { "handle": "open", "displayName": "Open" }, { "handle": "close", "displayName": "Close" } ] }, "layouts": { "desktop": { "top": 30, "left": 53.48837380790299, "width": 4.999999999999999, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-2" }, "b318dd60-0908-47d5-a406-be0dea02a7e3": { "id": "b318dd60-0908-47d5-a406-be0dea02a7e3", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Name" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text32", "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": 70, "left": 4.651168424894576, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "b3882e8e-1ef9-49fa-89a7-ade20b60117e": { "id": "b3882e8e-1ef9-49fa-89a7-ade20b60117e", "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": "{{components.textinput12.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput12.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.name}}" }, "placeholder": { "value": "Enter name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput12", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 70, "left": 11.627907708198, "width": 36, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "1ab7f02b-0f0c-4e8b-ae92-598914682761": { "id": "1ab7f02b-0f0c-4e8b-ae92-598914682761", "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": "{{components.textinput20.value.length > 0 ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "errTextColor": { "value": "#ff0000" }, "borderRadius": { "value": "{{5}}" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{true}}" }, "backgroundColor": { "value": "#fff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "validation": { "regex": { "value": "" }, "minLength": { "value": null }, "maxLength": { "value": null }, "customRule": { "value": "{{components.textinput20.value.length > 0 ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.brand}}" }, "placeholder": { "value": "Enter company name" } }, "general": {}, "exposedVariables": {} }, "name": "textinput20", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 140, "left": 60.46510212031943, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "cf9986df-f32b-41af-90e4-0691dea35a1e": { "id": "cf9986df-f32b-41af-90e4-0691dea35a1e", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Brand" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text34", "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": 140, "left": 51.162797249108145, "width": 4, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "2ac19144-0be7-4c06-973d-63333141314a": { "id": "2ac19144-0be7-4c06-973d-63333141314a", "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": "#dadcde", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "divider8", "displayName": "Divider", "description": "Separator between components", "component": "Divider", "defaultSize": { "width": 10, "height": 10 }, "exposedVariables": { "value": {} } }, "layouts": { "desktop": { "top": 280, "left": 4.00079841256229e-7, "width": 43, "height": 10 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "d44a2f3a-f61f-4489-813a-2d7d84e50b50": { "id": "d44a2f3a-f61f-4489-813a-2d7d84e50b50", "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": "38520d62-864b-4489-8e08-796244458fec", "queryName": "editProduct", "parameters": {} } ], "styles": { "backgroundColor": { "value": "#213B81", "fxActive": true }, "textColor": { "value": "#fff" }, "loaderColor": { "value": "#fff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213B81", "fxActive": true }, "disabledState": { "value": "{{ !components.textinput12.isValid || !components.textinput20.isValid || !components.dropdown5.isValid || !components.textinput22.isValid || !components.textinput21.isValid}}", "fxActive": true } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Save" }, "loadingState": { "value": "{{queries.editProduct.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "button16", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 83.72093120374878, "width": 5, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "76d94a84-7977-4efa-9101-8ebb31ba6c5d": { "id": "76d94a84-7977-4efa-9101-8ebb31ba6c5d", "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": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" } ], "styles": { "backgroundColor": { "value": "#ffffffff" }, "textColor": { "value": "#213b81ff" }, "loaderColor": { "value": "#213b81ff" }, "visibility": { "value": "{{true}}" }, "borderRadius": { "value": "{{6}}" }, "borderColor": { "value": "#213b81ff" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Cancel" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "button17", "displayName": "Button", "description": "Trigger actions: queries, alerts 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": 310, "left": 69.76741833633251, "width": 5, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "e6a96636-5c0b-446f-841c-d1bf158ef5e9": { "id": "e6a96636-5c0b-446f-841c-d1bf158ef5e9", "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": "#213B81", "fxActive": true }, "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": "Product Details" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text37", "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": 4.6511560061557224, "width": 14.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "4f2ddbd1-0cff-4935-8c38-974ed434cae7": { "id": "4f2ddbd1-0cff-4935-8c38-974ed434cae7", "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": "#666666ff", "fxActive": false }, "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": "Quantity" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text38", "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": 220, "left": 51.16278773230763, "width": 4, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "131b8395-3cec-4c0d-bbbe-e374d515e070": { "id": "131b8395-3cec-4c0d-bbbe-e374d515e070", "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": "#666666ff", "fxActive": false }, "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": "{{true}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Type" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text40", "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": 140, "left": 4.651158461484289, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "e85bc7ac-87be-49ce-8260-9e5343d17d6b": { "id": "e85bc7ac-87be-49ce-8260-9e5343d17d6b", "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": "{{true}}" }, "justifyContent": { "value": "left" } }, "generalStyles": { "boxShadow": { "value": "{{components.dropdown5.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown5.value != undefined ? true : \"\"}}" } }, "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.table2.selectedRow.type}}" }, "values": { "value": "{{[\"appliances\", \"beauty\", \"electronics\", \"kitchen\", \"stationary\"]}}" }, "display_values": { "value": "{{[\"Appliances\", \"Beauty\", \"Electronics\", \"Kitchen\", \"Stationary\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select type of product" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown5", "displayName": "Dropdown", "description": "Select one value from options", "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": 140, "left": 11.627898671773568, "width": 15, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "3bbf57a9-e267-4fd6-803a-74390480638d": { "id": "3bbf57a9-e267-4fd6-803a-74390480638d", "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": "{{/^\\d+$/.test(components.textinput21.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^\\d+$/.test(components.textinput21.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.qty_in_stock}}" }, "placeholder": { "value": "Enter quantity to be added" } }, "general": {}, "exposedVariables": {} }, "name": "textinput21", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 60.46510923238416, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "88633dc5-2a0d-4e0e-bf4f-a864859a7135": { "id": "88633dc5-2a0d-4e0e-bf4f-a864859a7135", "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": "#666666ff", "fxActive": false }, "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": "Price" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text45", "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": 220, "left": 4.651162598330287, "width": 3, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0": { "id": "69bf3926-6c1e-4ec5-9c5a-488b0967c7e0", "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? \"#dadcde\" : \"#ff0000\"}}", "fxActive": true }, "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": "{{/^(\\d*\\.)?\\d+$/.test(components.textinput22.value) ? true : \"\"}}" } }, "properties": { "value": { "value": "{{components.table2.selectedRow.current_price}}" }, "placeholder": { "value": "Enter price ($)" } }, "general": {}, "exposedVariables": {} }, "name": "textinput22", "displayName": "Text Input", "description": "Text field for forms", "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" } ] } ] }, "layouts": { "desktop": { "top": 220, "left": 11.627900290084854, "width": 15.000000000000002, "height": 40 } }, "parent": "fe446d8e-ea94-43b6-bba2-1aedf9c9390f" }, "f5a01d5f-a38c-411e-9ad9-646304b6c29c": { "id": "f5a01d5f-a38c-411e-9ad9-646304b6c29c", "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": "#213B81", "fxActive": true }, "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": "{{queries.getCustomerOrders.isLoading}}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading}}", "fxActive": true } }, "general": {}, "exposedVariables": {} }, "name": "text47", "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": 380, "left": 88.37209056618315, "width": 3, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "10d97fa5-70ed-49ea-b755-7e77b676018e": { "id": "10d97fa5-70ed-49ea-b755-7e77b676018e", "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": "#666666ff", "fxActive": false }, "textSize": { "value": 14 }, "textAlign": { "value": "left" }, "fontWeight": { "value": "bold" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{10}}" }, "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": "Prod. Id" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text48", "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": 0.0000028836761174488856, "width": 5, "height": 30 } }, "parent": "7fd3caa1-8a6c-4a32-8d16-5c448c6d4d59" }, "f49067b7-5cb3-4a76-81a5-6a934623c763": { "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": "{{`#${listItem.product_id}`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text49", "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" } ] } ] }, "parent": "47d3a78b-8435-4a20-a849-3b7c0be713b7", "layouts": { "desktop": { "top": 10, "left": -3.134246213676306e-7, "width": 5, "height": 40 } }, "withDefaultChildren": false }, "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5": { "id": "79f5d6a0-d8da-401a-985f-39b3c5fe7ee5", "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": "#666666ff", "fxActive": false }, "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": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text59", "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": 120, "left": 51.162796233025766, "width": 5, "height": 40 } }, "parent": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d" }, "bbc5e3e2-1440-49d4-90ca-62168f05a326": { "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": "{{components.dropdown6.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown6.value != undefined ? true : \"\"}}" } }, "properties": { "advanced": { "value": "{{false}}" }, "schema": { "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}" }, "label": { "value": "" }, "value": { "value": "{{}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown6", "displayName": "Dropdown", "description": "Select one value from options", "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": "c01bbbf2-ec98-4ae5-a8c9-448266a6289d", "layouts": { "desktop": { "top": 120, "left": 62.79068508336573, "width": 14.000000000000002, "height": 40 } }, "withDefaultChildren": false }, "43a8f399-2396-40f3-97a4-f71d993f5f52": { "id": "43a8f399-2396-40f3-97a4-f71d993f5f52", "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": "{{components.dropdown7.value != undefined ? \"0px 0px 0px 1px #00000040\" : \"0px 0px 0px 1px #ff0000ff\"}}", "fxActive": true } }, "validation": { "customRule": { "value": "{{components.dropdown7.value != undefined ? true : \"\"}}" } }, "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.country}}" }, "values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "display_values": { "value": "{{[\"Argentina\",\"Canada\",\"Colombia\",\"Denmark\",\"France\",\"India\",\"USA\"]}}" }, "loadingState": { "value": "{{false}}" }, "placeholder": { "value": "Select a country" } }, "general": {}, "exposedVariables": {} }, "name": "dropdown7", "displayName": "Dropdown", "description": "Select one value from options", "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": 16.27906996955359, "width": 14.000000000000002, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "ef8a575b-4af5-4441-b2b4-3e019d0605bf": { "id": "ef8a575b-4af5-4441-b2b4-3e019d0605bf", "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": "#666666ff", "fxActive": false }, "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": "Country" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text63", "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": 240, "left": 4.651161831394547, "width": 5, "height": 40 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "f9648d95-7e44-4c04-8251-76ceca06bf40": { "id": "f9648d95-7e44-4c04-8251-76ceca06bf40", "component": { "properties": { "title": { "type": "code", "displayName": "Title", "validation": { "schema": { "type": "string" } } }, "data": { "type": "json", "displayName": "Data", "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "array" } ] } } }, "loadingState": { "type": "toggle", "displayName": "Loading State", "validation": { "schema": { "type": "boolean" } } }, "markerColor": { "type": "color", "displayName": "Marker color", "validation": { "schema": { "type": "string" } } }, "showAxes": { "type": "toggle", "displayName": "Show axes", "validation": { "schema": { "type": "boolean" } } }, "showGridLines": { "type": "toggle", "displayName": "Show grid lines", "validation": { "schema": { "type": "boolean" } } }, "type": { "type": "select", "displayName": "Chart type", "options": [ { "name": "Line", "value": "line" }, { "name": "Bar", "value": "bar" }, { "name": "Pie", "value": "pie" } ], "validation": { "schema": { "type": "union", "schemas": [ { "type": "string" }, { "type": "boolean" }, { "type": "number" } ] } } }, "jsonDescription": { "type": "json", "displayName": "Json Description", "validation": { "schema": { "type": "string" } } }, "plotFromJson": { "type": "toggle", "displayName": "Use Plotly JSON schema", "validation": { "schema": { "type": "boolean" } } } }, "general": { "tooltip": { "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": { "padding": { "type": "code", "displayName": "Padding", "validation": { "schema": { "type": "union", "schemas": [ { "type": "number" }, { "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": { "padding": { "value": "10" }, "visibility": { "value": "{{true}}" }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "title": { "value": "" }, "markerColor": { "value": "#CDE1F8" }, "showAxes": { "value": "{{true}}" }, "showGridLines": { "value": "{{true}}" }, "plotFromJson": { "value": "{{true}}" }, "loadingState": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading}}", "fxActive": true }, "jsonDescription": { "value": "{{queries.getCustomerOrders.isLoading || queries.customerOrderChart.isLoading || queries.customerOrderChartAfterColors.isLoading || queries.getCustomerOrders.data.length == 0 ? \"{}\" : JSON.stringify(queries?.customerOrderChartAfterColors?.data ?? {})}}" }, "type": { "value": "line" }, "data": { "value": "[\n { \"x\": \"Jan\", \"y\": 100},\n { \"x\": \"Feb\", \"y\": 80},\n { \"x\": \"Mar\", \"y\": 40}\n]" }, "barmode": { "value": "group" } }, "general": {}, "exposedVariables": {} }, "name": "chart4", "displayName": "Chart", "description": "Display charts", "component": "Chart", "defaultSize": { "width": 20, "height": 400 }, "exposedVariables": { "show": null } }, "layouts": { "desktop": { "top": 60, "left": 55.81395348837209, "width": 17, "height": 280 } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c" }, "9fa4e38c-9387-4900-bb70-ff415b46bcdf": { "id": "9fa4e38c-9387-4900-bb70-ff415b46bcdf", "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": "#213b80ff" }, "borderRadius": { "value": "0" }, "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": "container3", "displayName": "Container", "description": "Wrapper for multiple components", "defaultSize": { "width": 5, "height": 200 }, "component": "Container", "exposedVariables": {} }, "layouts": { "desktop": { "top": 0, "left": 0, "width": 43, "height": 70 } } }, "bc1a299e-b62e-4e60-a161-14427d60d051": { "id": "bc1a299e-b62e-4e60-a161-14427d60d051", "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": "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": "B R A N D" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text51", "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.3255827912519793, "width": 6, "height": 40 } }, "parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf" }, "43bb2148-1b6a-4763-9919-979202193c52": { "id": "43bb2148-1b6a-4763-9919-979202193c52", "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": "{{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": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "Sales Analytics" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text64", "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": 67.44186626637374, "width": 12, "height": 40 } }, "parent": "9fa4e38c-9387-4900-bb70-ff415b46bcdf" }, "90d2c00b-320e-4aa4-917e-6b7992654326": { "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": "#dadcdeff" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": {}, "general": {}, "exposedVariables": {} }, "name": "verticaldivider1", "displayName": "Vertical Divider", "description": "Vertical Separator between components", "component": "VerticalDivider", "defaultSize": { "width": 2, "height": 100 }, "exposedVariables": { "value": {} } }, "parent": "a291e07a-cb22-4f02-b05d-40707ee14e2c", "layouts": { "desktop": { "top": 60, "left": 51.16278745544168, "width": 1, "height": 280 } }, "withDefaultChildren": false }, "274f2ffa-b06c-4b21-80d0-cbd7ad6dece4": { "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" } ] } } }, "serverSidePagination": { "type": "toggle", "displayName": "Server-side pagination", "validation": { "schema": { "type": "boolean" } } }, "enableNextButton": { "type": "toggle", "displayName": "Enable next page button", "validation": { "schema": { "type": "boolean" } } }, "enabledSort": { "type": "toggle", "displayName": "Enable 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" } ] } } }, "clientSidePagination": { "type": "toggle", "displayName": "Client-side pagination", "validation": { "schema": { "type": "boolean" } } }, "serverSideSearch": { "type": "toggle", "displayName": "Server-side search", "validation": { "schema": { "type": "boolean" } } }, "serverSideSort": { "type": "toggle", "displayName": "Server-side sort", "validation": { "schema": { "type": "boolean" } } }, "serverSideFilter": { "type": "toggle", "displayName": "Server-side filter", "validation": { "schema": { "type": "boolean" } } }, "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 box", "validation": { "schema": { "type": "boolean" } } }, "showDownloadButton": { "type": "toggle", "displayName": "Show download button", "validation": { "schema": { "type": "boolean" } } }, "showFilterButton": { "type": "toggle", "displayName": "Show filter button", "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": "5" }, "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.getOrders.isLoading}}", "fxActive": true }, "data": { "value": "{{queries.getOrders.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": "" }, "clientSidePagination": { "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": "ecb7323d-bf03-4856-992a-4d12b2711c0e", "name": "customer_id", "key": "customer_id", "columnType": "number", "autogenerated": true }, { "id": "84563b44-0e3c-4c56-bcad-1392f5c6c1da", "name": "country", "key": "country", "columnType": "string", "autogenerated": true }, { "id": "556f9785-ae13-4cf5-9252-d34beaed481a", "name": "product_id", "key": "product_id", "columnType": "number", "autogenerated": true }, { "id": "7eb4e510-53dd-42ec-8261-e188d5b9c3ad", "name": "product_name", "key": "product_name", "columnType": "string", "autogenerated": true }, { "id": "41f621c1-0982-420c-9d0a-65aef3d583e2", "name": "quantity", "key": "quantity", "columnType": "number", "autogenerated": true }, { "id": "d8112b51-7942-424f-8940-8e6a1ca0209b", "name": "at_price", "key": "at_price", "columnType": "number", "autogenerated": true }, { "id": "0a7386fb-a654-43cb-b71c-8c8714eb4ce5", "name": "total_price", "key": "total_price", "columnType": "number", "autogenerated": true }, { "id": "0936336a-5d6f-4647-aaf4-a4b99c1c4895", "name": "created_at", "key": "created_at", "columnType": "string", "autogenerated": true }, { "id": "67effed7-a352-4bd2-905f-08aa63bc53a5", "name": "updated_at", "key": "updated_at", "columnType": "string", "autogenerated": true } ] }, "showBulkUpdateActions": { "value": "{{false}}" }, "showBulkSelector": { "value": "{{false}}" }, "highlightSelectedRow": { "value": "{{false}}" }, "columnSizes": { "value": { "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 88, "ecb7323d-bf03-4856-992a-4d12b2711c0e": 135, "556f9785-ae13-4cf5-9252-d34beaed481a": 143, "41f621c1-0982-420c-9d0a-65aef3d583e2": 142, "d8112b51-7942-424f-8940-8e6a1ca0209b": 156, "0a7386fb-a654-43cb-b71c-8c8714eb4ce5": 162, "84563b44-0e3c-4c56-bcad-1392f5c6c1da": 167, "7eb4e510-53dd-42ec-8261-e188d5b9c3ad": 362 } }, "actions": { "value": [] }, "enabledSort": { "value": "{{true}}" }, "hideColumnSelectorButton": { "value": "{{false}}" }, "defaultSelectedRow": { "value": "{{{\"id\":1}}}" }, "showAddNewRowButton": { "value": "{{false}}" }, "allowSelection": { "value": "{{false}}" }, "columnDeletionHistory": { "value": [ "is_active" ] } }, "general": {}, "exposedVariables": {} }, "name": "table3", "displayName": "Table", "description": "Display paginated tabular data", "component": "Table", "defaultSize": { "width": 20, "height": 358 }, "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": "5e82a221-8213-4caf-817c-88f97d8e4883-3", "layouts": { "desktop": { "top": 80, "left": 2.3255804871948036, "width": 41, "height": 490 } }, "withDefaultChildren": false }, "248634d0-c840-4b85-8c32-56c87ff8549a": { "id": "248634d0-c840-4b85-8c32-56c87ff8549a", "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": "#213B81", "fxActive": true }, "textSize": { "value": "{{16}}" }, "textAlign": { "value": "left" }, "fontWeight": { "value": "normal" }, "decoration": { "value": "none" }, "transformation": { "value": "none" }, "fontStyle": { "value": "normal" }, "lineHeight": { "value": 1.5 }, "textIndent": { "value": "{{5}}" }, "letterSpacing": { "value": 0 }, "wordSpacing": { "value": 0 }, "fontVariant": { "value": "normal" }, "visibility": { "value": "{{ !queries.getOrders.isLoading }}", "fxActive": true }, "disabledState": { "value": "{{false}}" } }, "generalStyles": { "boxShadow": { "value": "0px 0px 0px 0px #00000040" } }, "properties": { "text": { "value": "{{`${queries?.getOrders?.data?.length ?? 0} Orders`}}" }, "loadingState": { "value": "{{false}}" } }, "general": {}, "exposedVariables": {} }, "name": "text65", "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": 20, "left": 2.3255822593327444, "width": 14, "height": 40 } }, "parent": "5e82a221-8213-4caf-817c-88f97d8e4883-3" } }, "handle": "home", "name": "Home" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": "100", "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" } }, "globalSettings": { "hideHeader": true, "appInMaintenance": false, "canvasMaxWidth": 100, "canvasMaxWidthType": "%", "canvasMaxHeight": 2400, "canvasBackgroundColor": "", "backgroundFxQuery": "" }, "showViewerNavigation": false, "homePageId": "1bc6fd96-0780-413a-9741-4c5b5becda05", "appId": "7e2569c0-debc-4e6f-80b6-39defd06b40c", "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "promotedFrom": null, "createdAt": "2023-09-11T18:11:00.826Z", "updatedAt": "2024-01-02T11:45:48.296Z" } ], "appEnvironments": [ { "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" }, { "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": "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" } ], "dataSourceOptions": [ { "id": "39877a2d-f1e4-4f26-9c49-d90cc74190e2", "dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": {}, "createdAt": "2023-09-11T18:11:00.875Z", "updatedAt": "2023-09-11T18:11:00.875Z" }, { "id": "833c969c-815d-48ef-a754-9d6718cbe4f8", "dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": {}, "createdAt": "2023-09-11T18:11:00.879Z", "updatedAt": "2023-09-11T18:11:00.879Z" }, { "id": "44b5685c-8ec7-4f1c-bd6c-c8447ae85a27", "dataSourceId": "9341faf4-34c1-46a8-8a54-ef2632d4bcdd", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": {}, "createdAt": "2023-09-11T18:11:00.881Z", "updatedAt": "2023-09-11T18:11:00.881Z" }, { "id": "cb7f0613-591f-4fde-b5b0-406e01dc3dd6", "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": {}, "createdAt": "2023-09-11T18:11:00.885Z", "updatedAt": "2023-09-11T18:11:00.885Z" }, { "id": "586714d4-695b-4ae6-a42d-c001ecf6463a", "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": {}, "createdAt": "2023-09-11T18:11:00.888Z", "updatedAt": "2023-09-11T18:11:00.888Z" }, { "id": "e129dcee-2b51-402d-8e30-bdfba1755520", "dataSourceId": "4c16b0aa-a35b-42ee-8cca-99bcee980f8d", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": {}, "createdAt": "2023-09-11T18:11:00.890Z", "updatedAt": "2023-09-11T18:11:00.890Z" }, { "id": "e4d11fac-5bbc-4988-b737-b2da7a3104c3", "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": {}, "createdAt": "2023-09-11T18:11:00.893Z", "updatedAt": "2023-09-11T18:11:00.893Z" }, { "id": "5a650bc5-6bfe-4871-8394-0d33b6073c5b", "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": {}, "createdAt": "2023-09-11T18:11:00.895Z", "updatedAt": "2023-09-11T18:11:00.895Z" }, { "id": "75a7c301-3b1f-44f6-b39e-05471844374f", "dataSourceId": "7d8d6f12-6d93-4fab-ae3a-f358c1a75079", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": {}, "createdAt": "2023-09-11T18:11:00.897Z", "updatedAt": "2023-09-11T18:11:00.897Z" }, { "id": "589eead6-40c6-48d9-afe2-d7ed3b444a28", "dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": {}, "createdAt": "2023-09-11T18:11:00.901Z", "updatedAt": "2023-09-11T18:11:00.901Z" }, { "id": "51968dcb-089c-43ae-9556-669456135607", "dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": {}, "createdAt": "2023-09-11T18:11:00.903Z", "updatedAt": "2023-09-11T18:11:00.903Z" }, { "id": "2c3d0b2f-9f39-40df-9f41-dabedb0b9492", "dataSourceId": "bbf96279-8c73-4ea3-9311-df4734dda542", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": {}, "createdAt": "2023-09-11T18:11:00.905Z", "updatedAt": "2023-09-11T18:11:00.905Z" }, { "id": "d6148b7c-2128-4811-a57a-2330f8209c49", "dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec", "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4", "options": {}, "createdAt": "2023-09-11T18:11:00.911Z", "updatedAt": "2023-09-11T18:11:00.911Z" }, { "id": "8f230473-a489-4d9a-8f28-0e1fdc446edf", "dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec", "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc", "options": {}, "createdAt": "2023-09-11T18:11:00.914Z", "updatedAt": "2023-09-11T18:11:00.914Z" }, { "id": "a72c4f12-6497-4196-a766-c2dd1470320f", "dataSourceId": "ad296b9d-8f33-41f9-b58a-24686f7c51ec", "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d", "options": {}, "createdAt": "2023-09-11T18:11:00.916Z", "updatedAt": "2023-09-11T18:11:00.916Z" } ], "schemaDetails": { "multiPages": true, "multiEnv": true, "globalDataSources": true } } } } ], "tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8" }