diff --git a/.version b/.version
index 067b1b2fe2..2d4c52ede6 100644
--- a/.version
+++ b/.version
@@ -1,2 +1 @@
-2.40.0
-
+2.41.0
diff --git a/frontend/.version b/frontend/.version
index 770060be9f..2d4c52ede6 100644
--- a/frontend/.version
+++ b/frontend/.version
@@ -1 +1 @@
-2.40.0
+2.41.0
diff --git a/frontend/assets/images/templates/admin-panel-tooljet-db-dark.png b/frontend/assets/images/templates/admin-panel-tooljet-db-dark.png
new file mode 100644
index 0000000000..d59bc56390
Binary files /dev/null and b/frontend/assets/images/templates/admin-panel-tooljet-db-dark.png differ
diff --git a/frontend/assets/images/templates/admin-panel-tooljet-db.png b/frontend/assets/images/templates/admin-panel-tooljet-db.png
new file mode 100644
index 0000000000..98f824bce7
Binary files /dev/null and b/frontend/assets/images/templates/admin-panel-tooljet-db.png differ
diff --git a/frontend/assets/images/templates/bill-of-materials-dark.png b/frontend/assets/images/templates/bill-of-materials-dark.png
new file mode 100644
index 0000000000..2dae210981
Binary files /dev/null and b/frontend/assets/images/templates/bill-of-materials-dark.png differ
diff --git a/frontend/assets/images/templates/bill-of-materials.png b/frontend/assets/images/templates/bill-of-materials.png
new file mode 100644
index 0000000000..5bd8f2b264
Binary files /dev/null and b/frontend/assets/images/templates/bill-of-materials.png differ
diff --git a/frontend/assets/images/templates/business-intelligence-dashboard-postgresql-dark.png b/frontend/assets/images/templates/business-intelligence-dashboard-postgresql-dark.png
new file mode 100644
index 0000000000..a38e873dc8
Binary files /dev/null and b/frontend/assets/images/templates/business-intelligence-dashboard-postgresql-dark.png differ
diff --git a/frontend/assets/images/templates/business-intelligence-dashboard-postgresql.png b/frontend/assets/images/templates/business-intelligence-dashboard-postgresql.png
new file mode 100644
index 0000000000..16af9bb169
Binary files /dev/null and b/frontend/assets/images/templates/business-intelligence-dashboard-postgresql.png differ
diff --git a/frontend/assets/images/templates/digital-marketing-campaign-manager-dark.png b/frontend/assets/images/templates/digital-marketing-campaign-manager-dark.png
new file mode 100644
index 0000000000..95a3b81db3
Binary files /dev/null and b/frontend/assets/images/templates/digital-marketing-campaign-manager-dark.png differ
diff --git a/frontend/assets/images/templates/digital-marketing-campaign-manager.png b/frontend/assets/images/templates/digital-marketing-campaign-manager.png
new file mode 100644
index 0000000000..1f38026938
Binary files /dev/null and b/frontend/assets/images/templates/digital-marketing-campaign-manager.png differ
diff --git a/frontend/assets/images/templates/finance-underwriting-admin-dark.png b/frontend/assets/images/templates/finance-underwriting-admin-dark.png
new file mode 100644
index 0000000000..a4064e4061
Binary files /dev/null and b/frontend/assets/images/templates/finance-underwriting-admin-dark.png differ
diff --git a/frontend/assets/images/templates/finance-underwriting-admin.png b/frontend/assets/images/templates/finance-underwriting-admin.png
new file mode 100644
index 0000000000..c90b5a1538
Binary files /dev/null and b/frontend/assets/images/templates/finance-underwriting-admin.png differ
diff --git a/frontend/assets/images/templates/finance-underwriting-user-form-dark.png b/frontend/assets/images/templates/finance-underwriting-user-form-dark.png
new file mode 100644
index 0000000000..8239081b4b
Binary files /dev/null and b/frontend/assets/images/templates/finance-underwriting-user-form-dark.png differ
diff --git a/frontend/assets/images/templates/finance-underwriting-user-form.png b/frontend/assets/images/templates/finance-underwriting-user-form.png
new file mode 100644
index 0000000000..b231dfeb3f
Binary files /dev/null and b/frontend/assets/images/templates/finance-underwriting-user-form.png differ
diff --git a/frontend/assets/images/templates/lorem-ipsum-generator-dark.png b/frontend/assets/images/templates/lorem-ipsum-generator-dark.png
new file mode 100644
index 0000000000..964aa26d9c
Binary files /dev/null and b/frontend/assets/images/templates/lorem-ipsum-generator-dark.png differ
diff --git a/frontend/assets/images/templates/lorem-ipsum-generator.png b/frontend/assets/images/templates/lorem-ipsum-generator.png
new file mode 100644
index 0000000000..8751ecb732
Binary files /dev/null and b/frontend/assets/images/templates/lorem-ipsum-generator.png differ
diff --git a/frontend/assets/images/templates/postgresql-database-explorer-dark.png b/frontend/assets/images/templates/postgresql-database-explorer-dark.png
new file mode 100644
index 0000000000..50c09122ea
Binary files /dev/null and b/frontend/assets/images/templates/postgresql-database-explorer-dark.png differ
diff --git a/frontend/assets/images/templates/postgresql-database-explorer.png b/frontend/assets/images/templates/postgresql-database-explorer.png
new file mode 100644
index 0000000000..ed2962c463
Binary files /dev/null and b/frontend/assets/images/templates/postgresql-database-explorer.png differ
diff --git a/frontend/assets/images/templates/simple-marketplace-admin-dark.png b/frontend/assets/images/templates/simple-marketplace-admin-dark.png
new file mode 100644
index 0000000000..eb2a58dedd
Binary files /dev/null and b/frontend/assets/images/templates/simple-marketplace-admin-dark.png differ
diff --git a/frontend/assets/images/templates/simple-marketplace-admin.png b/frontend/assets/images/templates/simple-marketplace-admin.png
new file mode 100644
index 0000000000..b5f4491344
Binary files /dev/null and b/frontend/assets/images/templates/simple-marketplace-admin.png differ
diff --git a/frontend/assets/images/templates/simple-marketplace-dark.png b/frontend/assets/images/templates/simple-marketplace-dark.png
new file mode 100644
index 0000000000..974dca1cc0
Binary files /dev/null and b/frontend/assets/images/templates/simple-marketplace-dark.png differ
diff --git a/frontend/assets/images/templates/simple-marketplace.png b/frontend/assets/images/templates/simple-marketplace.png
new file mode 100644
index 0000000000..7bf51b3452
Binary files /dev/null and b/frontend/assets/images/templates/simple-marketplace.png differ
diff --git a/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx b/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
index 883f6153ca..f0704c7130 100644
--- a/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
+++ b/frontend/src/HomePage/TemplateLibraryModal/Categories.jsx
@@ -4,11 +4,13 @@ import FolderList from '@/_ui/FolderList/FolderList';
const categoryTitles = {
all: 'All categories',
'customer-support': 'Customer support',
+ 'data-and-analytics': 'Data and analytics',
+ 'developer-utilities': 'Developer utilities',
+ 'financial-services': 'Financial services',
'human-resources': 'Human resources',
operations: 'Operations',
'product-management': 'Product management',
'sales-and-marketing': 'Sales and marketing',
- utilities: 'Utilities',
};
export default function Categories(props) {
diff --git a/server/.version b/server/.version
index 770060be9f..2d4c52ede6 100644
--- a/server/.version
+++ b/server/.version
@@ -1 +1 @@
-2.40.0
+2.41.0
diff --git a/server/templates/admin-panel-tooljet-db/definition.json b/server/templates/admin-panel-tooljet-db/definition.json
new file mode 100644
index 0000000000..4c0de853ca
--- /dev/null
+++ b/server/templates/admin-panel-tooljet-db/definition.json
@@ -0,0 +1,54421 @@
+{
+ "tooljet_database": [
+ {
+ "id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "table_name": "tj_admin_panel",
+ "schema": {
+ "columns": [
+ {
+ "column_name": "id",
+ "data_type": "integer",
+ "column_default": "nextval('\"7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6_id_seq\"'::regclass)",
+ "character_maximum_length": null,
+ "numeric_precision": 32,
+ "constraints_type": {
+ "is_not_null": true,
+ "is_primary_key": true
+ },
+ "keytype": "PRIMARY KEY"
+ },
+ {
+ "column_name": "customer_name",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "email",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "items",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "subtotal",
+ "data_type": "double precision",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 53,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "delivery",
+ "data_type": "double precision",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 53,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "total_cost",
+ "data_type": "double precision",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 53,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ }
+ ]
+ }
+ }
+ ],
+ "app": [
+ {
+ "definition": {
+ "appV2": {
+ "id": "3469c521-8e1e-41e3-9b65-5fff3a58f65b",
+ "type": "front-end",
+ "name": "Admin Panel (ToolJet Database)",
+ "slug": "3469c521-8e1e-41e3-9b65-5fff3a58f65b",
+ "isPublic": false,
+ "isMaintenanceOn": false,
+ "icon": "table",
+ "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "currentVersionId": null,
+ "userId": "255e4bf9-ba1e-458e-9269-030735c526ad",
+ "workflowApiToken": null,
+ "workflowEnabled": false,
+ "createdAt": "2024-01-15T11:38:19.063Z",
+ "creationMode": "DEFAULT",
+ "updatedAt": "2024-05-03T05:45:40.760Z",
+ "editingVersion": {
+ "id": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "name": "v1",
+ "definition": {
+ "showViewerNavigation": false,
+ "homePageId": "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d",
+ "pages": {
+ "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d": {
+ "components": {
+ "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8": {
+ "id": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8",
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border Radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00",
+ "fxActive": false
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container1",
+ "displayName": "Container",
+ "description": "Wrapper for multiple components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 2.3255815595649167,
+ "width": 41,
+ "height": 70
+ }
+ }
+ },
+ "2ffcfde1-a46f-4ba3-ae53-7175af02060d": {
+ "id": "2ffcfde1-a46f-4ba3-ae53-7175af02060d",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font Weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text Decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text Transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font Style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line Height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text Indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter Spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word Spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font Variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text Size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff"
+ },
+ "textSize": {
+ "value": "{{24}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": "{{0}}"
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "B R A N D"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text1",
+ "displayName": "Text",
+ "description": "Display markdown or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 2.3255818774724633,
+ "width": 6,
+ "height": 40
+ }
+ },
+ "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
+ },
+ "7fafb271-b2fa-4321-a377-3e4a235c623c": {
+ "id": "7fafb271-b2fa-4321-a377-3e4a235c623c",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font Weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text Decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text Transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font Style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line Height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text Indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter Spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word Spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font Variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text Size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff",
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{20}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "SaaS Licence Management"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text2",
+ "displayName": "Text",
+ "description": "Display markdown or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 69.76744229792882,
+ "width": 12,
+ "height": 40
+ }
+ },
+ "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
+ },
+ "72c19891-ab7b-4663-809c-e1fd15c82b22": {
+ "component": {
+ "properties": {
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container2",
+ "displayName": "Container",
+ "description": "Group components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 110,
+ "left": 2.3255813953488373,
+ "width": 27,
+ "height": 580
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "5b21c491-8540-4df4-bc56-5ef9b3d18da8": {
+ "id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "component": {
+ "properties": {
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container3",
+ "displayName": "Container",
+ "description": "Group components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 160,
+ "left": 67.44185810108917,
+ "width": 12.999999999999998,
+ "height": 530
+ }
+ }
+ },
+ "25b9f572-8cd7-48b3-b399-3ccb6c80f433": {
+ "component": {
+ "properties": {
+ "title": {
+ "type": "string",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "data": {
+ "type": "code",
+ "displayName": "Table data",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "object"
+ },
+ "optional": true
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "columns": {
+ "type": "array",
+ "displayName": "Table Columns"
+ },
+ "useDynamicColumn": {
+ "type": "toggle",
+ "displayName": "Use dynamic column",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "columnData": {
+ "type": "code",
+ "displayName": "Column data"
+ },
+ "rowsPerPage": {
+ "type": "code",
+ "displayName": "Number of rows per page",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "enableNextButton": {
+ "type": "toggle",
+ "displayName": "Enable next page button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "enabledSort": {
+ "type": "toggle",
+ "displayName": "Enable column sorting",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "hideColumnSelectorButton": {
+ "type": "toggle",
+ "displayName": "Hide column selector button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "enablePrevButton": {
+ "type": "toggle",
+ "displayName": "Enable previous page button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "totalRecords": {
+ "type": "code",
+ "displayName": "Total records server side",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "enablePagination": {
+ "type": "toggle",
+ "displayName": "Enable pagination",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "serverSidePagination": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ]
+ },
+ "serverSideSearch": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "serverSideSort": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ]
+ },
+ "serverSideFilter": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ],
+ "defaultValue": "clientSide"
+ },
+ "actionButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "actionButtonTextColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "displaySearchBox": {
+ "type": "toggle",
+ "displayName": "Show search",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showDownloadButton": {
+ "type": "toggle",
+ "displayName": "Show download button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showFilterButton": {
+ "type": "toggle",
+ "displayName": "Enable filtering",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showBulkUpdateActions": {
+ "type": "toggle",
+ "displayName": "Show update buttons",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "allowSelection": {
+ "type": "toggle",
+ "displayName": "Allow selection",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showBulkSelector": {
+ "type": "toggle",
+ "displayName": "Bulk selection",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "highlightSelectedRow": {
+ "type": "toggle",
+ "displayName": "Highlight selected row",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "defaultSelectedRow": {
+ "type": "code",
+ "displayName": "Default selected row",
+ "validation": {
+ "schema": {
+ "type": "object"
+ }
+ }
+ },
+ "showAddNewRowButton": {
+ "type": "toggle",
+ "displayName": "Show add new row button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop "
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onRowHovered": {
+ "displayName": "Row hovered"
+ },
+ "onRowClicked": {
+ "displayName": "Row clicked"
+ },
+ "onBulkUpdate": {
+ "displayName": "Save changes"
+ },
+ "onPageChanged": {
+ "displayName": "Page changed"
+ },
+ "onSearch": {
+ "displayName": "Search"
+ },
+ "onCancelChanges": {
+ "displayName": "Cancel changes"
+ },
+ "onSort": {
+ "displayName": "Sort applied"
+ },
+ "onCellValueChanged": {
+ "displayName": "Cell value changed"
+ },
+ "onFilterChanged": {
+ "displayName": "Filter changed"
+ },
+ "onNewRowsAdded": {
+ "displayName": "Add new rows"
+ }
+ },
+ "styles": {
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "actionButtonRadius": {
+ "type": "code",
+ "displayName": "Action button radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "tableType": {
+ "type": "select",
+ "displayName": "Table type",
+ "options": [
+ {
+ "name": "Bordered",
+ "value": "table-bordered"
+ },
+ {
+ "name": "Regular",
+ "value": "table-classic"
+ },
+ {
+ "name": "Striped",
+ "value": "table-striped"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "cellSize": {
+ "type": "select",
+ "displayName": "Cell size",
+ "options": [
+ {
+ "name": "Condensed",
+ "value": "condensed"
+ },
+ {
+ "name": "Regular",
+ "value": "regular"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "textColor": {
+ "value": "#000"
+ },
+ "actionButtonRadius": {
+ "value": "50"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "cellSize": {
+ "value": "regular"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "tableType": {
+ "value": "table-classic"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Table"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}",
+ "fxActive": true
+ },
+ "data": {
+ "value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}"
+ },
+ "useDynamicColumn": {
+ "value": "{{false}}"
+ },
+ "columnData": {
+ "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+ },
+ "rowsPerPage": {
+ "value": "{{10}}"
+ },
+ "serverSidePagination": {
+ "value": "{{false}}"
+ },
+ "enableNextButton": {
+ "value": "{{true}}"
+ },
+ "enablePrevButton": {
+ "value": "{{true}}"
+ },
+ "totalRecords": {
+ "value": ""
+ },
+ "enablePagination": {
+ "value": "{{true}}"
+ },
+ "serverSideSort": {
+ "value": "{{false}}"
+ },
+ "serverSideFilter": {
+ "value": "{{false}}"
+ },
+ "displaySearchBox": {
+ "value": "{{true}}"
+ },
+ "showDownloadButton": {
+ "value": "{{true}}"
+ },
+ "showFilterButton": {
+ "value": "{{true}}"
+ },
+ "autogenerateColumns": {
+ "value": true,
+ "generateNestedColumns": true
+ },
+ "columns": {
+ "value": [
+ {
+ "name": "id",
+ "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+ "autogenerated": true
+ },
+ {
+ "id": "28f5b628-749e-493a-b307-63cdcc071a7f",
+ "name": "Software name",
+ "key": "promo_code",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8",
+ "name": "License key",
+ "key": "discount_value",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "66211b00-fdfe-4ee4-b656-02275a663665",
+ "name": "Assigned to",
+ "key": "free_shipping",
+ "columnType": "default",
+ "autogenerated": true,
+ "values": "{{[true, false]}}",
+ "labels": "{{[\"Yes\", \"No\"]}}",
+ "activeColor": "#3e63ddff",
+ "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}"
+ },
+ {
+ "name": "Email",
+ "id": "88ec5235-60be-4841-a5a6-a08e342b34b8",
+ "columnType": "string"
+ },
+ {
+ "name": "Type of license",
+ "id": "688e46f7-d1ca-47b1-a4c5-5dde335297e0",
+ "columnType": "dropdown",
+ "values": "{{[1,2]}}",
+ "labels": "{{[\"Individual\", \"Team\"]}}",
+ "isEditable": "{{true}}"
+ },
+ {
+ "name": "Valid till",
+ "id": "192cbdd7-f847-4ed6-b19a-464ffad1f034",
+ "columnType": "datepicker",
+ "isTimeChecked": false,
+ "dateFormat": "DD/MM/YYYY",
+ "parseDateFormat": "DD/MM/YYYY"
+ },
+ {
+ "name": "Status",
+ "id": "4d7352bc-e4d7-4471-b892-4e5ee73a9e9c"
+ },
+ {
+ "name": "Notes",
+ "id": "087dd50a-c6e9-47f1-b958-4d37f58b0972"
+ }
+ ]
+ },
+ "showBulkUpdateActions": {
+ "value": "{{false}}"
+ },
+ "showBulkSelector": {
+ "value": "{{false}}"
+ },
+ "highlightSelectedRow": {
+ "value": "{{false}}"
+ },
+ "columnSizes": {
+ "value": {
+ "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 15,
+ "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105,
+ "28f5b628-749e-493a-b307-63cdcc071a7f": 139,
+ "66211b00-fdfe-4ee4-b656-02275a663665": 0
+ }
+ },
+ "actions": {
+ "value": [
+ {
+ "name": "Action0",
+ "buttonText": "Copy license key",
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "show-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ }
+ ],
+ "position": "right"
+ }
+ ]
+ },
+ "enabledSort": {
+ "value": "{{true}}"
+ },
+ "hideColumnSelectorButton": {
+ "value": "{{false}}"
+ },
+ "defaultSelectedRow": {
+ "value": "{{{\"id\":1}}}"
+ },
+ "showAddNewRowButton": {
+ "value": "{{false}}"
+ },
+ "allowSelection": {
+ "value": "{{false}}"
+ },
+ "columnDeletionHistory": {
+ "value": [
+ "discount_type",
+ "amount",
+ "minimum_spend",
+ "maximum_spend",
+ "created_at",
+ "valid_till",
+ "updated_at",
+ "updated_at",
+ "free_shipping_bool",
+ "Purchase date"
+ ]
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "table1",
+ "displayName": "Table",
+ "description": "Display paginated tabular data",
+ "component": "Table",
+ "defaultSize": {
+ "width": 28.86,
+ "height": 456
+ },
+ "exposedVariables": {
+ "selectedRow": {},
+ "changeSet": {},
+ "dataUpdates": [],
+ "pageIndex": 1,
+ "searchText": "",
+ "selectedRows": [],
+ "filters": []
+ },
+ "actions": [
+ {
+ "handle": "setPage",
+ "displayName": "Set page",
+ "params": [
+ {
+ "handle": "page",
+ "displayName": "Page",
+ "defaultValue": "{{1}}"
+ }
+ ]
+ },
+ {
+ "handle": "selectRow",
+ "displayName": "Select row",
+ "params": [
+ {
+ "handle": "key",
+ "displayName": "Key"
+ },
+ {
+ "handle": "value",
+ "displayName": "Value"
+ }
+ ]
+ },
+ {
+ "handle": "deselectRow",
+ "displayName": "Deselect row"
+ },
+ {
+ "handle": "discardChanges",
+ "displayName": "Discard Changes"
+ },
+ {
+ "handle": "discardNewlyAddedRows",
+ "displayName": "Discard newly added rows"
+ },
+ {
+ "displayName": "Download table data",
+ "handle": "downloadTableData",
+ "params": [
+ {
+ "handle": "type",
+ "displayName": "Type",
+ "options": [
+ {
+ "name": "Download as Excel",
+ "value": "xlsx"
+ },
+ {
+ "name": "Download as CSV",
+ "value": "csv"
+ },
+ {
+ "name": "Download as PDF",
+ "value": "pdf"
+ }
+ ],
+ "defaultValue": "{{Download as Excel}}",
+ "type": "select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 76,
+ "left": 4.651169700317449,
+ "width": 39,
+ "height": 470
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "792c10c1-cf06-477b-98bd-d0aa13449910": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"active\"}}"
+ },
+ "values": {
+ "value": "{{[\"active\", \"Expired\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Active\", \"Expired\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select an option"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown1",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 69.76743327394556,
+ "width": 11.000000000000002,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "61a46182-92c6-49c4-9238-9681dd264a9c": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Licenses available:"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text3",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 4.6511631854108115,
+ "width": 14.000000000000002,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "58c73cbf-18df-4306-b27a-a2d01c568fb8": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "show-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Add License"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button1",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 110,
+ "left": 67.44185600071516,
+ "width": 12.999999999999998,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "e16f682b-0368-499a-9232-6b63e1413a91": {
+ "component": {
+ "properties": {
+ "title": {
+ "type": "code",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "useDefaultButton": {
+ "type": "toggle",
+ "displayName": "Use default trigger button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "triggerButtonLabel": {
+ "type": "code",
+ "displayName": "Trigger button label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "hideTitleBar": {
+ "type": "toggle",
+ "displayName": "Hide title bar"
+ },
+ "hideCloseButton": {
+ "type": "toggle",
+ "displayName": "Hide close button"
+ },
+ "hideOnEsc": {
+ "type": "toggle",
+ "displayName": "Close on escape key"
+ },
+ "closeOnClickingOutside": {
+ "type": "toggle",
+ "displayName": "Close on clicking outside"
+ },
+ "size": {
+ "type": "select",
+ "displayName": "Modal size",
+ "options": [
+ {
+ "name": "small",
+ "value": "sm"
+ },
+ {
+ "name": "medium",
+ "value": "lg"
+ },
+ {
+ "name": "large",
+ "value": "xl"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "modalHeight": {
+ "type": "code",
+ "displayName": "Modal height",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onOpen": {
+ "displayName": "On open"
+ },
+ "onClose": {
+ "displayName": "On close"
+ }
+ },
+ "styles": {
+ "headerBackgroundColor": {
+ "type": "color",
+ "displayName": "Header background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "headerTextColor": {
+ "type": "color",
+ "displayName": "Header title color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "bodyBackgroundColor": {
+ "type": "color",
+ "displayName": "Body background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "triggerButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Trigger button background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "triggerButtonTextColor": {
+ "type": "color",
+ "displayName": "Trigger button text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ },
+ "bodyBackgroundColor": {
+ "value": "#ffffffff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "triggerButtonBackgroundColor": {
+ "value": "#4D72FA"
+ },
+ "triggerButtonTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Create Promo Code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "triggerButtonLabel": {
+ "value": "Launch Modal"
+ },
+ "size": {
+ "value": "lg"
+ },
+ "hideTitleBar": {
+ "value": "{{false}}"
+ },
+ "hideCloseButton": {
+ "value": "{{false}}"
+ },
+ "hideOnEsc": {
+ "value": "{{true}}"
+ },
+ "closeOnClickingOutside": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "540px"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "modal1",
+ "displayName": "Modal",
+ "description": "Show pop-up windows",
+ "component": "Modal",
+ "defaultSize": {
+ "width": 10,
+ "height": 34
+ },
+ "exposedVariables": {
+ "show": false
+ },
+ "actions": [
+ {
+ "handle": "open",
+ "displayName": "Open"
+ },
+ {
+ "handle": "close",
+ "displayName": "Close"
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 730,
+ "left": 2.3255813953488373,
+ "width": 6,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "cd50a657-b4a7-4263-9125-5fb9185422f1": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.table1.selectedRow.id == undefined ? \"Select a license to view details\" : \"Promo code details:\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text4",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 4.651170456181344,
+ "width": 38,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ad9066eb-e46c-4474-bcb5-f72e4263db60": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "SOFTWARE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text5",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 50,
+ "left": 4.6511518558148035,
+ "width": 18,
+ "height": 30
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "afce716e-3d80-4c37-a0ae-a230307a89ff": {
+ "id": "afce716e-3d80-4c37-a0ae-a230307a89ff",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "ASSIGNED TO :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text6",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651170566837932,
+ "width": 15.000000000000002,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "8f2dcd6a-829c-44e8-8014-6de63bed413f": {
+ "id": "8f2dcd6a-829c-44e8-8014-6de63bed413f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "EMAIL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text7",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 150,
+ "left": 4.651149602444274,
+ "width": 14,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": {
+ "id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text8",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 200,
+ "left": 4.6511784536347704,
+ "width": 12.999999999999998,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "d396afee-afeb-4f6b-9fe6-f91544b7c566": {
+ "id": "d396afee-afeb-4f6b-9fe6-f91544b7c566",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "TYPE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text9",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 250,
+ "left": 4.651168092154227,
+ "width": 12,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "aa458399-940f-4373-88af-ef9b30727bb0": {
+ "id": "aa458399-940f-4373-88af-ef9b30727bb0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "NOTES :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text10",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 360,
+ "left": 4.651201681458636,
+ "width": 12.999999999999998,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "795cd997-1cd5-4a87-a221-fa605c3baa06": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Adobe Photoshop"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text23",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 50,
+ "left": 41.86046511627907,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "7e51ca19-d1ad-42b7-9939-eba56e2139f4": {
+ "id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Nechal Maggon"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text24",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 41.86046511627907,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": {
+ "id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "nechalmaggon@gmail.com"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text25",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 150,
+ "left": 41.86047492447669,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "cdcf3874-788e-49a3-8101-33a0d9710f99": {
+ "id": "cdcf3874-788e-49a3-8101-33a0d9710f99",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "01/07/2024"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text26",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 200,
+ "left": 41.86046984433331,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "e3a7589d-f336-4b85-ae69-a0e1dc757c63": {
+ "id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Team"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text27",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 250,
+ "left": 41.8604780832193,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "f989e765-4231-4a4e-9bb0-87edf4ad9c7f": {
+ "id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "PROMO CODE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text31",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "cdeddc9c-5023-4048-80ce-9bc01663cef9": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ },
+ "onEnterPressed": {
+ "displayName": "On Enter Pressed"
+ },
+ "onFocus": {
+ "displayName": "On focus"
+ },
+ "onBlur": {
+ "displayName": "On blur"
+ }
+ },
+ "styles": {
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "errTextColor": {
+ "type": "color",
+ "displayName": "Error text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "textColor": {
+ "value": "#000"
+ },
+ "borderColor": {
+ "value": "#dadcde"
+ },
+ "errTextColor": {
+ "value": "#ff0000"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "backgroundColor": {
+ "value": "#fff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "regex": {
+ "value": ""
+ },
+ "minLength": {
+ "value": null
+ },
+ "maxLength": {
+ "value": null
+ },
+ "customRule": {
+ "value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": ""
+ },
+ "placeholder": {
+ "value": "Enter promo code"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "textinput1",
+ "displayName": "Text Input",
+ "description": "User text input field",
+ "component": "TextInput",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "validation": {
+ "regex": {
+ "type": "code",
+ "displayName": "Regex"
+ },
+ "minLength": {
+ "type": "code",
+ "displayName": "Min length"
+ },
+ "maxLength": {
+ "type": "code",
+ "displayName": "Max length"
+ },
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "clear",
+ "displayName": "Clear"
+ },
+ {
+ "handle": "setFocus",
+ "displayName": "Set focus"
+ },
+ {
+ "handle": "setBlur",
+ "displayName": "Set blur"
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 25.581395346098788,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "380b4870-818e-440f-806a-dc9ae5e1e6a3": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Generate code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button2",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 65.11629528111348,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": {
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image1",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 90.69767122377431,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "b01f0cad-7de7-47ae-ae40-82ab305e2d12": {
+ "id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "DISCOUNT :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text32",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651162506266984,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "9245395b-3876-4734-acc0-6582dd57870e": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onSelect",
+ "actionId": "control-component",
+ "message": "Hello world!",
+ "alertType": "info"
+ }
+ ],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "percent"
+ },
+ "values": {
+ "value": "{{[\"percent\", \"fixed\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select a discount type"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown4",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 25.58139595221208,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ce2797f3-e593-4259-abb8-ce6785a845d1": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}"
+ },
+ "maxValue": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}"
+ },
+ "minValue": {
+ "value": "1"
+ },
+ "placeholder": {
+ "value": "0"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput3",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 65.11625539117162,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ce888918-f6cd-428d-9968-a67ff29b4e75": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "center"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text34",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 90.69767485756182,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "38daeae7-7a68-42b2-9bca-1067868eb83a": {
+ "id": "38daeae7-7a68-42b2-9bca-1067868eb83a",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MINIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text33",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 4.651162932854896,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "055d88a5-d62a-4848-afc9-d2b7e51847d0": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown5",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 25.581418019395514,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ed7b0be3-f412-4f8a-82de-603d887ee06f": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "99999"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput4.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput4",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 65.11627782060043,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "5f60b7a2-675f-4e6c-8861-c4ab363cae3b": {
+ "id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text35",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 60.46511827264033,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "e26de292-20fa-45cd-ae48-51d3dc1b980f": {
+ "id": "e26de292-20fa-45cd-ae48-51d3dc1b980f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MAXIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text36",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": {
+ "id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown6",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 25.58138499611037,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "6b75036b-a0ae-486e-9adb-1ef35d5382b5": {
+ "id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text37",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 60.46511069707219,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "6eca96f9-5602-4199-88f0-36a8b302bc35": {
+ "id": "6eca96f9-5602-4199-88f0-36a8b302bc35",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}",
+ "fxActive": true
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "100000"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput4.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": ""
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "numberinput5",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 65.11626117041483,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "4c6b810b-9d09-4121-9026-c3b1fb717302": {
+ "id": "4c6b810b-9d09-4121-9026-c3b1fb717302",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "FREE SHIPPING :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text38",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.6511615510529305,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "74bf5455-9aef-419a-b83f-1892edb4e2b3": {
+ "id": "74bf5455-9aef-419a-b83f-1892edb4e2b3",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"No\", \"Yes\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown7",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 25.581389164325977,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": {
+ "id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text39",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "4b50dcfd-cf36-44af-87fa-ee05a8112fbb": {
+ "component": {
+ "properties": {
+ "defaultValue": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "format": {
+ "type": "code",
+ "displayName": "Format",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "enableTime": {
+ "type": "toggle",
+ "displayName": "Enable time selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "enableDate": {
+ "type": "toggle",
+ "displayName": "Enable date selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "disabledDates": {
+ "type": "code",
+ "displayName": "Disabled dates",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
+ }
+ },
+ "properties": {
+ "defaultValue": {
+ "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
+ },
+ "format": {
+ "value": "DD/MM/YYYY"
+ },
+ "enableTime": {
+ "value": "{{false}}"
+ },
+ "enableDate": {
+ "value": "{{true}}"
+ },
+ "disabledDates": {
+ "value": "{{[]}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "datepicker1",
+ "displayName": "Date Picker",
+ "description": "Choose date and time",
+ "component": "Datepicker",
+ "defaultSize": {
+ "width": 5,
+ "height": 30
+ },
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 25.581393180600156,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "4ad7daef-6186-47cf-b759-8c35d2e77cfa": {
+ "id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image2",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 58.139524728971374,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": {
+ "id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
+ "fxActive": true
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Maximum spend should be greater than or equal to Minimum spend"
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image3",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 90.69767030875896,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "199a8791-16ab-4bb5-90b8-c320e4b6e6c5": {
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "dividerColor": {
+ "type": "color",
+ "displayName": "Divider color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {},
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "divider3",
+ "displayName": "Divider",
+ "description": "Separator between components",
+ "component": "Divider",
+ "defaultSize": {
+ "width": 10,
+ "height": 10
+ },
+ "exposedVariables": {
+ "value": {}
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 440,
+ "left": 2.3255811419964743,
+ "width": 41,
+ "height": 10
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "670170a2-52be-4deb-a897-ac6bf33c5ada": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "a6c68044-a67b-476e-ab8f-84e0ceda3e78",
+ "queryName": "createPromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "textColor": {
+ "value": "#fff"
+ },
+ "loaderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Create"
+ },
+ "loadingState": {
+ "value": "{{queries.createPromoCode.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button3",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 79.06975049651071,
+ "width": 7.000000000000001,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "b0afdbe3-5c29-40be-a70f-08458617c01f": {
+ "id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "close-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button4",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.465109099446764,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "e7a57306-3d46-41e2-b240-2fc6b5f20226": {
+ "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
+ "component": {
+ "properties": {
+ "title": {
+ "type": "code",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "useDefaultButton": {
+ "type": "toggle",
+ "displayName": "Use default trigger button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "triggerButtonLabel": {
+ "type": "code",
+ "displayName": "Trigger button label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "hideTitleBar": {
+ "type": "toggle",
+ "displayName": "Hide title bar"
+ },
+ "hideCloseButton": {
+ "type": "toggle",
+ "displayName": "Hide close button"
+ },
+ "hideOnEsc": {
+ "type": "toggle",
+ "displayName": "Close on escape key"
+ },
+ "closeOnClickingOutside": {
+ "type": "toggle",
+ "displayName": "Close on clicking outside"
+ },
+ "size": {
+ "type": "select",
+ "displayName": "Modal size",
+ "options": [
+ {
+ "name": "small",
+ "value": "sm"
+ },
+ {
+ "name": "medium",
+ "value": "lg"
+ },
+ {
+ "name": "large",
+ "value": "xl"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "modalHeight": {
+ "type": "code",
+ "displayName": "Modal height",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onOpen": {
+ "displayName": "On open"
+ },
+ "onClose": {
+ "displayName": "On close"
+ }
+ },
+ "styles": {
+ "headerBackgroundColor": {
+ "type": "color",
+ "displayName": "Header background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "headerTextColor": {
+ "type": "color",
+ "displayName": "Header title color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "bodyBackgroundColor": {
+ "type": "color",
+ "displayName": "Body background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "triggerButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Trigger button background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "triggerButtonTextColor": {
+ "type": "color",
+ "displayName": "Trigger button text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ },
+ "bodyBackgroundColor": {
+ "value": "#ffffffff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "triggerButtonBackgroundColor": {
+ "value": "#4D72FA"
+ },
+ "triggerButtonTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Edit Promo Code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "triggerButtonLabel": {
+ "value": "Launch Modal"
+ },
+ "size": {
+ "value": "lg"
+ },
+ "hideTitleBar": {
+ "value": "{{false}}"
+ },
+ "hideCloseButton": {
+ "value": "{{false}}"
+ },
+ "hideOnEsc": {
+ "value": "{{true}}"
+ },
+ "closeOnClickingOutside": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "540px"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "modal2",
+ "displayName": "Modal",
+ "description": "Show pop-up windows",
+ "component": "Modal",
+ "defaultSize": {
+ "width": 10,
+ "height": 34
+ },
+ "exposedVariables": {
+ "show": false
+ },
+ "actions": [
+ {
+ "handle": "open",
+ "displayName": "Open"
+ },
+ {
+ "handle": "close",
+ "displayName": "Close"
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 730,
+ "left": 18.604656027099054,
+ "width": 6,
+ "height": 40
+ }
+ }
+ },
+ "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
+ "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "PROMO CODE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text40",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
+ "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "DISCOUNT :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text41",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651162506266984,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
+ "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onSelect",
+ "actionId": "control-component",
+ "message": "Hello world!",
+ "alertType": "info"
+ }
+ ],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.discount_type}}"
+ },
+ "values": {
+ "value": "{{[\"percent\", \"fixed\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select a discount type"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown8",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 25.581393521814153,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
+ "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.table1.selectedRow.amount}}"
+ },
+ "maxValue": {
+ "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
+ },
+ "minValue": {
+ "value": "1"
+ },
+ "placeholder": {
+ "value": "0"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput6",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 65.11626481525688,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "6c953707-f69d-47a9-9015-a582ed609bcd": {
+ "id": "6c953707-f69d-47a9-9015-a582ed609bcd",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "center"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text42",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 90.69767764424473,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "56139e54-501c-4951-a060-fa0d180ed6ad": {
+ "id": "56139e54-501c-4951-a060-fa0d180ed6ad",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MINIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text43",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 4.651162932854896,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
+ "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.minimum_spend != null}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown9",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 25.581401911408808,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "30c53546-7857-44c3-be96-70c1662df2d4": {
+ "id": "30c53546-7857-44c3-be96-70c1662df2d4",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown9.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "99999"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput7.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput7",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 65.11628599331276,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "061db4d4-a8f2-40aa-9ce8-427390417bf0": {
+ "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text44",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 60.46511827264033,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "9d58477b-50cd-4b84-8dd6-1231570d0774": {
+ "id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MAXIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text45",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "8529396e-2c59-437e-a014-3a3033c49d80": {
+ "id": "8529396e-2c59-437e-a014-3a3033c49d80",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.maximum_spend != null}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown10",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 25.58137657187239,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
+ "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text46",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 60.46511069707219,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "1749184e-e330-4679-a3d4-671ce372274f": {
+ "id": "1749184e-e330-4679-a3d4-671ce372274f",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown10.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
+ "fxActive": true
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "100000"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput8.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": ""
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "numberinput8",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 65.11629197312911,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "19d354ef-63f7-4c85-a641-115769247cc0": {
+ "id": "19d354ef-63f7-4c85-a641-115769247cc0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "FREE SHIPPING :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text47",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.6511615510529305,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "12059aed-6846-44d9-8d8d-98003036ef2b": {
+ "id": "12059aed-6846-44d9-8d8d-98003036ef2b",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.free_shipping_bool}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"No\", \"Yes\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown11",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 25.581399583203897,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "fb524a89-e03b-433a-8a94-f61ebd99bd36": {
+ "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text48",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "41d423dd-e348-4684-a835-b3dc56be730c": {
+ "id": "41d423dd-e348-4684-a835-b3dc56be730c",
+ "component": {
+ "properties": {
+ "defaultValue": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "format": {
+ "type": "code",
+ "displayName": "Format",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "enableTime": {
+ "type": "toggle",
+ "displayName": "Enable time selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "enableDate": {
+ "type": "toggle",
+ "displayName": "Enable date selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "disabledDates": {
+ "type": "code",
+ "displayName": "Disabled dates",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
+ }
+ },
+ "properties": {
+ "defaultValue": {
+ "value": "{{components.table1.selectedRow.valid_till}}"
+ },
+ "format": {
+ "value": "DD/MM/YYYY"
+ },
+ "enableTime": {
+ "value": "{{false}}"
+ },
+ "enableDate": {
+ "value": "{{true}}"
+ },
+ "disabledDates": {
+ "value": "{{[]}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "datepicker2",
+ "displayName": "Date Picker",
+ "description": "Choose date and time",
+ "component": "Datepicker",
+ "defaultSize": {
+ "width": 5,
+ "height": 30
+ },
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 25.58139095173029,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
+ "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image5",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 58.13952912432483,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ca410b25-e7b7-413f-a01e-cccf62efa204": {
+ "id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
+ "fxActive": true
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Maximum spend should be greater than or equal to Minimum spend"
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image6",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 90.69766853643817,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "798a2874-8880-410d-86ca-8466e7a7f53f": {
+ "id": "798a2874-8880-410d-86ca-8466e7a7f53f",
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "dividerColor": {
+ "type": "color",
+ "displayName": "Divider color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {},
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "divider4",
+ "displayName": "Divider",
+ "description": "Separator between components",
+ "component": "Divider",
+ "defaultSize": {
+ "width": 10,
+ "height": 10
+ },
+ "exposedVariables": {
+ "value": {}
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 440,
+ "left": 2.3255811419964743,
+ "width": 41,
+ "height": 10
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ec924236-9797-491e-bca5-6fab6711f2da": {
+ "id": "ec924236-9797-491e-bca5-6fab6711f2da",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "f5071a1f-7f38-4134-bd5e-e4b88589c7ed",
+ "queryName": "updatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "textColor": {
+ "value": "#fff"
+ },
+ "loaderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Save"
+ },
+ "loadingState": {
+ "value": "{{queries.updatePromoCode.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button6",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 79.0697419241573,
+ "width": 7.000000000000001,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "cb71d470-0254-4fa8-92d9-735a91f5f66e": {
+ "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "close-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button7",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.46510115735242,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#8888881a"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": " {{components.table1.selectedRow.promo_code}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text49",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 25.58139644141283,
+ "width": 30,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "1b3da9cb-122f-40a7-a348-3c5e6d179640": {
+ "id": "1b3da9cb-122f-40a7-a348-3c5e6d179640",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "3 workspaces \nSSO enabled \n20Gb storage"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text50",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 360,
+ "left": 41.86046951236355,
+ "width": 22.000000000000004,
+ "height": 50
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8": {
+ "id": "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Renew"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button8",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.46511627906976,
+ "width": 14,
+ "height": 40
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "d69936c9-a4d4-4c3c-b8aa-bd7175156158": {
+ "id": "d69936c9-a4d4-4c3c-b8aa-bd7175156158",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffffff"
+ },
+ "textColor": {
+ "value": "#4a4a4aff"
+ },
+ "loaderColor": {
+ "value": "#4a4a4aff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#9b9b9bff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Open software >"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button9",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 4.651162790697674,
+ "width": 22.000000000000004,
+ "height": 40
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "1f5b7856-c4b1-402a-b27c-0119b7474fa8": {
+ "component": {
+ "properties": {
+ "data": {
+ "type": "code",
+ "displayName": "Tags",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "object",
+ "object": {
+ "title": {
+ "type": "string"
+ },
+ "color": {
+ "type": "string"
+ },
+ "textColor": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "data": {
+ "value": "{{ [ \n\t\t{ title: 'Active', color: '#2fb344', textColor: '#fff' }\n\t ] }}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "tags1",
+ "displayName": "Tags",
+ "description": "Display tag labels",
+ "component": "Tags",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "exposedVariables": {}
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 41.86051065649506,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "d17d5709-22de-49f9-95a3-e16742e37665": {
+ "id": "d17d5709-22de-49f9-95a3-e16742e37665",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "STATUS :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text51",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.651153324529529,
+ "width": 12.999999999999998,
+ "height": 20
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ }
+ },
+ "handle": "home",
+ "name": "Home"
+ }
+ },
+ "globalSettings": {
+ "hideHeader": true,
+ "appInMaintenance": false,
+ "canvasMaxWidth": 100,
+ "canvasMaxWidthType": "%",
+ "canvasMaxHeight": 2400,
+ "canvasBackgroundColor": "#2f3c4c",
+ "backgroundFxQuery": ""
+ }
+ },
+ "globalSettings": {
+ "hideHeader": true,
+ "appInMaintenance": false,
+ "canvasMaxWidth": 100,
+ "canvasMaxWidthType": "%",
+ "canvasMaxHeight": 2400,
+ "canvasBackgroundColor": "#2f3c4c",
+ "backgroundFxQuery": ""
+ },
+ "showViewerNavigation": false,
+ "homePageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "appId": "3469c521-8e1e-41e3-9b65-5fff3a58f65b",
+ "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "promotedFrom": null,
+ "createdAt": "2024-01-15T11:38:19.082Z",
+ "updatedAt": "2024-05-03T07:29:19.585Z"
+ },
+ "components": [
+ {
+ "id": "f26220b3-5028-46eb-bf7d-76d5d5e5fd66",
+ "name": "text26",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "67fb457f-6589-411c-b788-73b339aebd13",
+ "properties": {
+ "text": {
+ "value": "Customers"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "textSize": {
+ "value": "{{20}}"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "544a6d5d-ba97-45c5-a291-35d009464139",
+ "type": "desktop",
+ "top": 30,
+ "left": 2.325582061030863,
+ "width": 14.000000000000002,
+ "height": 40,
+ "componentId": "f26220b3-5028-46eb-bf7d-76d5d5e5fd66",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "6bd57b76-5280-48dd-8950-49f12b4377a3",
+ "name": "text29",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "text": {
+ "value": "Item :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:10:38.671Z",
+ "layouts": [
+ {
+ "id": "cc31ee31-9985-4053-ab04-b5be19cf525e",
+ "type": "desktop",
+ "top": 20,
+ "left": 4.651138072253336,
+ "width": 8,
+ "height": 40,
+ "componentId": "6bd57b76-5280-48dd-8950-49f12b4377a3",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "21cc53fd-0fb4-41af-bf81-679fc998b58b",
+ "name": "container1",
+ "type": "Container",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": null,
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00",
+ "fxActive": false
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "layouts": [
+ {
+ "id": "4520b8a9-d5fa-4660-b465-2554bc177e4d",
+ "type": "desktop",
+ "top": 20,
+ "left": 2.3255808298005536,
+ "width": 41,
+ "height": 70,
+ "componentId": "21cc53fd-0fb4-41af-bf81-679fc998b58b",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "613e3f19-fb4a-4569-8ce1-6fbea8aa3cd6",
+ "name": "text11",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Delivery :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ },
+ "textAlign": {
+ "value": "right"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:05:35.245Z",
+ "layouts": [
+ {
+ "id": "43b90466-89bb-47dd-b11c-990767b7ff09",
+ "type": "desktop",
+ "top": 710,
+ "left": 51.16277230624662,
+ "width": 6,
+ "height": 40,
+ "componentId": "613e3f19-fb4a-4569-8ce1-6fbea8aa3cd6",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "01190b70-006a-4ab8-b12f-253e42fcf935",
+ "name": "text5",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Name :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:04:52.934Z",
+ "layouts": [
+ {
+ "id": "9452ab13-2126-415f-b4dd-832c600dc776",
+ "type": "desktop",
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "01190b70-006a-4ab8-b12f-253e42fcf935",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "fac16523-c5a7-4000-aff3-ca6200cdc2d9",
+ "name": "text12",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Email :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:04:24.414Z",
+ "layouts": [
+ {
+ "id": "b1d475bf-8a8a-4194-a1d3-854ac214100e",
+ "type": "desktop",
+ "top": 90,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "fac16523-c5a7-4000-aff3-ca6200cdc2d9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "78ded770-2c2e-497d-9f7d-0587f816f343",
+ "name": "text33",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "text": {
+ "value": "Cost :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:10:53.902Z",
+ "layouts": [
+ {
+ "id": "140a8ff6-c169-458f-89ba-076e31b86c7f",
+ "type": "desktop",
+ "top": 120,
+ "left": 53.488392907403686,
+ "width": 5,
+ "height": 40,
+ "componentId": "78ded770-2c2e-497d-9f7d-0587f816f343",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "d792eae4-0f37-4942-b1df-9dfd83283130",
+ "name": "button4",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffff00"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T21:49:51.234Z",
+ "layouts": [
+ {
+ "id": "e5d782ab-996f-4736-9d67-e86b9c634ead",
+ "type": "desktop",
+ "top": 880,
+ "left": 60.465145826931774,
+ "width": 7,
+ "height": 40,
+ "componentId": "d792eae4-0f37-4942-b1df-9dfd83283130",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "name": "table1",
+ "type": "Table",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "67fb457f-6589-411c-b788-73b339aebd13",
+ "properties": {
+ "title": {
+ "value": "Table"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{queries.listCustomers.isLoading}}",
+ "fxActive": true
+ },
+ "data": {
+ "value": "{{queries.listCustomers.data}}"
+ },
+ "useDynamicColumn": {
+ "value": "{{false}}"
+ },
+ "columnData": {
+ "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+ },
+ "rowsPerPage": {
+ "value": "{{10}}"
+ },
+ "serverSidePagination": {
+ "value": "{{false}}"
+ },
+ "enableNextButton": {
+ "value": "{{true}}"
+ },
+ "enablePrevButton": {
+ "value": "{{true}}"
+ },
+ "totalRecords": {
+ "value": ""
+ },
+ "enablePagination": {
+ "value": "{{true}}"
+ },
+ "serverSideSort": {
+ "value": "{{false}}"
+ },
+ "serverSideFilter": {
+ "value": "{{false}}"
+ },
+ "displaySearchBox": {
+ "value": "{{true}}"
+ },
+ "showDownloadButton": {
+ "value": "{{true}}"
+ },
+ "showFilterButton": {
+ "value": "{{true}}"
+ },
+ "autogenerateColumns": {
+ "value": true,
+ "generateNestedColumns": true
+ },
+ "columns": {
+ "value": [
+ {
+ "name": "id",
+ "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+ "autogenerated": true
+ },
+ {
+ "id": "bd520f2c-94bc-4a31-a40e-4587ee1b28b0",
+ "name": "customer name",
+ "key": "customer_name",
+ "columnType": "string",
+ "autogenerated": true,
+ "textWrap": "wrap"
+ },
+ {
+ "name": "Email",
+ "id": "21928468-65b8-4c69-81c3-9e629f034e2e",
+ "key": "email",
+ "textWrap": "wrap"
+ },
+ {
+ "id": "ca7c64df-faea-4b72-92d1-c18e54788469",
+ "name": "items",
+ "key": "transformedItems",
+ "columnType": "tags",
+ "autogenerated": true
+ },
+ {
+ "id": "04662284-e382-4221-96f1-b164ee099bfc",
+ "name": "subtotal",
+ "key": "subtotal",
+ "columnType": "string",
+ "autogenerated": true,
+ "textWrap": "wrap"
+ },
+ {
+ "id": "57071a8a-2518-43aa-ab45-b98354c89888",
+ "name": "delivery",
+ "key": "delivery",
+ "columnType": "string",
+ "autogenerated": true,
+ "textWrap": "wrap"
+ },
+ {
+ "id": "0a59da37-c4ee-4cde-83fe-601f575185b6",
+ "name": "total cost",
+ "key": "total_cost",
+ "columnType": "string",
+ "autogenerated": true,
+ "textWrap": "wrap"
+ }
+ ]
+ },
+ "showBulkUpdateActions": {
+ "value": "{{false}}"
+ },
+ "showBulkSelector": {
+ "value": "{{false}}"
+ },
+ "highlightSelectedRow": {
+ "value": "{{true}}"
+ },
+ "columnSizes": {
+ "value": {
+ "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 53,
+ "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105,
+ "28f5b628-749e-493a-b307-63cdcc071a7f": 139,
+ "66211b00-fdfe-4ee4-b656-02275a663665": 0,
+ "ea4a376f-bd89-47ba-bf67-15bedf3b661c": 229,
+ "aaef8f09-eb28-4b84-8d4e-4de85c05127f": 387,
+ "703777bd-71d9-463e-a35e-35ce026af4e7": 368,
+ "013655b2-7792-41d9-92a6-1990e2b5e303": 416,
+ "552006d5-125d-4c6d-89ca-3d23e1d3f874": 189,
+ "a877401c-9096-42f1-b488-b10f7a98c51e": 153,
+ "92f07292-b119-495e-9dc8-5f0ef45d5458": 50,
+ "bd520f2c-94bc-4a31-a40e-4587ee1b28b0": 141,
+ "bf8210be-7d74-4751-b9c7-da30cb0883be": 304,
+ "6059856e-119d-4659-9b6e-cd9a602a09c6": 323,
+ "aecbaf6e-8291-493a-af70-7f92ea31481b": 182,
+ "ca7c64df-faea-4b72-92d1-c18e54788469": 470,
+ "04662284-e382-4221-96f1-b164ee099bfc": 107,
+ "57071a8a-2518-43aa-ab45-b98354c89888": 111,
+ "0a59da37-c4ee-4cde-83fe-601f575185b6": 52,
+ "21928468-65b8-4c69-81c3-9e629f034e2e": 180
+ }
+ },
+ "actions": {
+ "value": [
+ {
+ "name": "Action1",
+ "buttonText": "Edit",
+ "events": [],
+ "position": "right"
+ },
+ {
+ "name": "Action2",
+ "buttonText": "🗑️",
+ "events": [],
+ "position": "right"
+ }
+ ]
+ },
+ "enabledSort": {
+ "value": "{{true}}"
+ },
+ "hideColumnSelectorButton": {
+ "value": "{{false}}"
+ },
+ "defaultSelectedRow": {
+ "value": "{{components.table1.currentPageData[0]}}"
+ },
+ "showAddNewRowButton": {
+ "value": "{{false}}"
+ },
+ "allowSelection": {
+ "value": "{{false}}"
+ },
+ "columnDeletionHistory": {
+ "value": [
+ "discount_type",
+ "amount",
+ "minimum_spend",
+ "maximum_spend",
+ "created_at",
+ "valid_till",
+ "updated_at",
+ "updated_at",
+ "free_shipping_bool",
+ "Purchase date",
+ "Email",
+ "Type of license",
+ "Valid till",
+ "Status",
+ "Notes",
+ "license",
+ "generation_date",
+ "notes",
+ "type",
+ "url",
+ "",
+ "email",
+ "Total cost",
+ "items",
+ "transformedItems"
+ ]
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#000"
+ },
+ "actionButtonRadius": {
+ "value": "5"
+ },
+ "cellSize": {
+ "value": "regular"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "tableType": {
+ "value": "table-bordered"
+ },
+ "maxRowHeight": {
+ "value": "auto"
+ },
+ "maxRowHeightValue": {
+ "value": 45
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-05-03T07:19:06.218Z",
+ "layouts": [
+ {
+ "id": "145d8a66-186b-499a-b3fe-8037c3a223c1",
+ "type": "desktop",
+ "top": 80,
+ "left": 2.3255819131079227,
+ "width": 41,
+ "height": 580,
+ "componentId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "updatedAt": "2024-05-03T07:13:45.618Z"
+ }
+ ]
+ },
+ {
+ "id": "9b515d23-600b-43a3-b21c-103ea337d1df",
+ "name": "text28",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Add items :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:04:44.209Z",
+ "layouts": [
+ {
+ "id": "053ce315-9c57-4832-85b0-db79b3ca79b8",
+ "type": "desktop",
+ "top": 150,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "9b515d23-600b-43a3-b21c-103ea337d1df",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "3b669d2a-c304-4e0c-8d37-c28ea12edf74",
+ "name": "text24",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Total cost :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:03:40.758Z",
+ "layouts": [
+ {
+ "id": "1fb490fc-5bb0-4869-ab82-891d7a09fe1f",
+ "type": "desktop",
+ "top": 770,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "3b669d2a-c304-4e0c-8d37-c28ea12edf74",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "39128762-7072-4a0c-bf4b-3b3e35c962f8",
+ "name": "text25",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "385bc2c8-2e93-43f6-b0cc-0b1d7d5feb91",
+ "type": "desktop",
+ "top": 770,
+ "left": 18.60466432035639,
+ "width": 2,
+ "height": 40,
+ "componentId": "39128762-7072-4a0c-bf4b-3b3e35c962f8",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "2a38731e-0d10-4a06-b857-79c394c74b50",
+ "name": "numberinput8",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "value": {
+ "value": "20"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "1"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T23:55:11.691Z",
+ "layouts": [
+ {
+ "id": "cced1514-ff15-4724-80e2-dd4a8a486fb3",
+ "type": "desktop",
+ "top": 120,
+ "left": 65.11629567211423,
+ "width": 12.999999999999998,
+ "height": 40,
+ "componentId": "2a38731e-0d10-4a06-b857-79c394c74b50",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "4a4b8ed0-093c-40cc-ad3b-750f673023c5",
+ "name": "dropdown5",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "display_values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ },
+ "values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ },
+ "value": {
+ "value": "{{\"Product A\"}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:13:40.204Z",
+ "layouts": [
+ {
+ "id": "16141e44-2b7f-474f-9f9c-269ef3179984",
+ "type": "desktop",
+ "top": 20,
+ "left": 23.255766273408778,
+ "width": 31,
+ "height": 40,
+ "componentId": "4a4b8ed0-093c-40cc-ad3b-750f673023c5",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "dd557530-8840-442b-b9e7-7ea2788f6c85",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "4a4b8ed0-093c-40cc-ad3b-750f673023c5",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "0398dbba-dc42-4d3b-babd-d5dfca7b36d2",
+ "name": "text27",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "text": {
+ "value": "Category :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:10:42.913Z",
+ "layouts": [
+ {
+ "id": "ac93cc81-b203-40c8-9832-00ec4e21a760",
+ "type": "desktop",
+ "top": 70,
+ "left": 4.6511875791695845,
+ "width": 8,
+ "height": 40,
+ "componentId": "0398dbba-dc42-4d3b-babd-d5dfca7b36d2",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "91dad43c-4546-4194-af1a-689e2f9f0b81",
+ "name": "text4",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "149ba33b-e73f-4578-acfe-40ec85c2479d",
+ "type": "desktop",
+ "top": 710,
+ "left": 65.11629402839891,
+ "width": 2,
+ "height": 40,
+ "componentId": "91dad43c-4546-4194-af1a-689e2f9f0b81",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "a3ad1e68-10d1-4b00-a917-69af8837c912",
+ "name": "button2",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "67fb457f-6589-411c-b788-73b339aebd13",
+ "properties": {
+ "text": {
+ "value": "+ Add customer"
+ },
+ "loadingState": {
+ "fxActive": false
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "textColor": {
+ "value": "#ffffffff"
+ },
+ "loaderColor": {
+ "value": "#ffffffff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:15:50.548Z",
+ "layouts": [
+ {
+ "id": "36f5eac0-5ce8-4281-9486-54a7387f0f4a",
+ "type": "desktop",
+ "top": 30,
+ "left": 81.39538317728011,
+ "width": 7,
+ "height": 40,
+ "componentId": "a3ad1e68-10d1-4b00-a917-69af8837c912",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "cea39252-0cc9-458f-af50-bf06e82e8089",
+ "name": "button7",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "+ Add item"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffff00"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:11:03.685Z",
+ "layouts": [
+ {
+ "id": "9e64602b-7c40-4c30-81f8-d45bc620cfdc",
+ "type": "desktop",
+ "top": 340,
+ "left": 18.604635915411077,
+ "width": 33,
+ "height": 40,
+ "componentId": "cea39252-0cc9-458f-af50-bf06e82e8089",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "name": "modal1",
+ "type": "Modal",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": null,
+ "properties": {
+ "title": {
+ "value": "Add customer"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "950px"
+ }
+ },
+ "general": null,
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:11:34.698Z",
+ "layouts": [
+ {
+ "id": "aa4842b9-9359-40fd-8143-66f40d5d4b11",
+ "type": "desktop",
+ "top": 840,
+ "left": 2.3255779517778135,
+ "width": 4,
+ "height": 40,
+ "componentId": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "updatedAt": "2024-05-03T06:59:40.759Z"
+ }
+ ]
+ },
+ {
+ "id": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "name": "container3",
+ "type": "Container",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd1a"
+ },
+ "borderColor": {
+ "value": "#ffffff00"
+ },
+ "borderRadius": {
+ "value": "10"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:09:42.038Z",
+ "layouts": [
+ {
+ "id": "d2d8dc1f-e2b4-452a-bf95-5e8f0d3e370c",
+ "type": "desktop",
+ "top": 150,
+ "left": 18.604647903528456,
+ "width": 33,
+ "height": 190,
+ "componentId": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "98a89b4b-b94a-45cc-99f2-53676cd933e8",
+ "type": "mobile",
+ "top": 290,
+ "left": 48.83720930232558,
+ "width": 11.627906976744185,
+ "height": 200,
+ "componentId": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "341d23e3-4d28-4e70-8c8e-e77abca37e72",
+ "name": "numberinput3",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "value": {
+ "value": "50"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": {
+ "value": ""
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ },
+ "direction": {
+ "value": "left"
+ },
+ "auto": {
+ "value": true
+ },
+ "icon": {
+ "value": "IconHome2"
+ },
+ "iconVisibility": {
+ "value": false
+ },
+ "alignment": {
+ "value": "side"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "0"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:09:11.203Z",
+ "layouts": [
+ {
+ "id": "490d62c6-a719-4f5b-bbb1-994d8ba14814",
+ "type": "desktop",
+ "top": 710,
+ "left": 69.76743571577147,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "341d23e3-4d28-4e70-8c8e-e77abca37e72",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "979b6415-a171-4e56-82de-efc8480de14c",
+ "name": "button3",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Create"
+ },
+ "loadingState": {
+ "value": "{{queries.addCustomer.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T23:31:00.791Z",
+ "layouts": [
+ {
+ "id": "8c2931d4-f40d-4094-8394-b84ba9802b32",
+ "type": "desktop",
+ "top": 880,
+ "left": 79.06980228632753,
+ "width": 7.000000000000001,
+ "height": 40,
+ "componentId": "979b6415-a171-4e56-82de-efc8480de14c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "e3848922-ea58-4873-b432-2884ab7a451e",
+ "name": "text32",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "text": {
+ "value": "Quantity :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:10:49.041Z",
+ "layouts": [
+ {
+ "id": "3819b87f-2c74-4427-a3d4-25dcaddff10f",
+ "type": "desktop",
+ "top": 120,
+ "left": 4.6511814166601,
+ "width": 8,
+ "height": 40,
+ "componentId": "e3848922-ea58-4873-b432-2884ab7a451e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "c438252a-fe3d-451f-a196-ea8bd46e03b2",
+ "name": "textinput2",
+ "type": "TextInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "placeholder": {
+ "value": "Enter name"
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "customRule": {
+ "value": ""
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "61f918d7-6849-4268-9375-ae7c5d6c5066",
+ "type": "desktop",
+ "top": 30,
+ "left": 18.6046511627907,
+ "width": 33,
+ "height": 40,
+ "componentId": "c438252a-fe3d-451f-a196-ea8bd46e03b2",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "b86914c1-9bea-4fc5-a0cd-30e1ad9d1347",
+ "name": "divider1",
+ "type": "Divider",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "layouts": [
+ {
+ "id": "23a7b60d-708b-4d73-922c-90addeac7bdc",
+ "type": "desktop",
+ "top": 672,
+ "left": 0,
+ "width": 43,
+ "height": -172,
+ "componentId": "b86914c1-9bea-4fc5-a0cd-30e1ad9d1347",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "6f37bf4f-8827-41ce-829f-72da02dfc0c8",
+ "name": "numberinput14",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "value": {
+ "value": "2"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "50"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "9127347d-9107-4f3f-a970-ce7d6e85298d",
+ "type": "desktop",
+ "top": 104,
+ "left": 20.930233256802037,
+ "width": 31.000000000000004,
+ "height": 30,
+ "componentId": "6f37bf4f-8827-41ce-829f-72da02dfc0c8",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "86d348e4-4d8c-491b-a1da-9b1a6db329ca",
+ "name": "dropdown8",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "label": {
+ "value": ""
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "layouts": [
+ {
+ "id": "93de7d7f-2311-48ea-a35d-4c801969f9dd",
+ "type": "desktop",
+ "top": 60,
+ "left": 58.13953405136789,
+ "width": 15.000000000000002,
+ "height": 30,
+ "componentId": "86d348e4-4d8c-491b-a1da-9b1a6db329ca",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "1c721516-44ec-4bb0-8351-894d2a3732e4",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "86d348e4-4d8c-491b-a1da-9b1a6db329ca",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "8222fd77-097f-4858-af32-9d6f07953c6a",
+ "name": "text41",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "text": {
+ "value": "Category:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "d32ad26a-cb8a-4b2a-8a2b-58e0118ea67e",
+ "type": "desktop",
+ "top": 60,
+ "left": 41.86049899953488,
+ "width": 8,
+ "height": 20,
+ "componentId": "8222fd77-097f-4858-af32-9d6f07953c6a",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f358c4f9-c9a0-44df-8368-54763cf19a54",
+ "name": "numberinput6",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "value": {
+ "value": "{{queries.calculateSubtotal.data}}"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{true}}",
+ "fxActive": true
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "0"
+ },
+ "maxValue": {
+ "value": "100000000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "fb232f62-3aed-418e-9e31-8afabac169fc",
+ "type": "desktop",
+ "top": 710,
+ "left": 23.25581818260746,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "f358c4f9-c9a0-44df-8368-54763cf19a54",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff",
+ "name": "dropdown6",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ },
+ "value": {
+ "value": "{{\"Category A\"}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:13:46.619Z",
+ "layouts": [
+ {
+ "id": "406e1a17-ae83-4385-b1c5-84a6da288997",
+ "type": "desktop",
+ "top": 70,
+ "left": 23.255803903988298,
+ "width": 31,
+ "height": 40,
+ "componentId": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "aaee7a8e-0063-4f86-b3be-a0c92a124fad",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "5f4ad62a-c685-4f57-8d04-2ca44edb21ff",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "ca2bf95b-bc7d-4114-b713-4edee3feadd2",
+ "name": "text30",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Subtotal :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:03:45.565Z",
+ "layouts": [
+ {
+ "id": "8dd077b2-1b5b-49dc-a4fe-4788e8a89202",
+ "type": "desktop",
+ "top": 710,
+ "left": 4.651162651133472,
+ "width": 6,
+ "height": 40,
+ "componentId": "ca2bf95b-bc7d-4114-b713-4edee3feadd2",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "54515a91-8afd-4dfe-a1db-9aec077cda93",
+ "name": "numberinput7",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "3fa4081f-fda9-4d89-a5d0-6d8a8ed3369c",
+ "properties": {
+ "value": {
+ "value": "2"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "1"
+ },
+ "maxValue": {
+ "value": "10000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "3eac5852-0384-42f1-8e91-b2c0c1d7ddfb",
+ "type": "desktop",
+ "top": 120,
+ "left": 23.255828329267374,
+ "width": 11,
+ "height": 40,
+ "componentId": "54515a91-8afd-4dfe-a1db-9aec077cda93",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "9ac267cc-906d-44d5-8371-eb3a02f5ce04",
+ "name": "divider3",
+ "type": "Divider",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "layouts": [
+ {
+ "id": "9511d047-634b-497c-b101-2fb93c11d6ae",
+ "type": "desktop",
+ "top": 842,
+ "left": -6.21365359165793e-8,
+ "width": 43,
+ "height": -5,
+ "componentId": "9ac267cc-906d-44d5-8371-eb3a02f5ce04",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "e57c7473-607b-4286-9db1-4e8a70bcb30d",
+ "name": "text31",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "5ae5d6b6-ad9c-46b2-816e-b4328e2500f5",
+ "type": "desktop",
+ "top": 710,
+ "left": 18.604655748002983,
+ "width": 2,
+ "height": 40,
+ "componentId": "e57c7473-607b-4286-9db1-4e8a70bcb30d",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "533f2158-b780-4cd3-b125-27d71378febf",
+ "name": "numberinput12",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "value": {
+ "value": "{{components.numberinput6.value + components.numberinput3.value}}"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "{{true}}",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "50"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T19:10:11.302Z",
+ "layouts": [
+ {
+ "id": "bf8150b9-4844-424e-aac7-2f5ce29068a2",
+ "type": "desktop",
+ "top": 770,
+ "left": 23.255813499544725,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "533f2158-b780-4cd3-b125-27d71378febf",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "1575d9c7-ec9e-4896-8de3-ed41c9c59d0d",
+ "name": "text1",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "21cc53fd-0fb4-41af-bf81-679fc998b58b",
+ "properties": {
+ "text": {
+ "value": "B R A N D"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff"
+ },
+ "textSize": {
+ "value": "{{24}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": "{{0}}"
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "c14097db-da82-4e86-9877-e0f2631f8345",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.325581395348837,
+ "width": 11,
+ "height": 40,
+ "componentId": "1575d9c7-ec9e-4896-8de3-ed41c9c59d0d",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "0f1b1ca3-1ba9-4e43-8745-0958ef10d202",
+ "name": "text2",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "21cc53fd-0fb4-41af-bf81-679fc998b58b",
+ "properties": {
+ "text": {
+ "value": "ToolJet admin panel"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff",
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{20}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-04-26T08:05:53.882Z",
+ "layouts": [
+ {
+ "id": "ec21ce34-e8b6-4b75-bdfb-056507fcd135",
+ "type": "desktop",
+ "top": 10,
+ "left": 69.76744229792882,
+ "width": 12,
+ "height": 40,
+ "componentId": "0f1b1ca3-1ba9-4e43-8745-0958ef10d202",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "aadf56d4-50be-4a39-b6e9-6dd195b0e15a",
+ "name": "text38",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "text": {
+ "value": "Quantity:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "ba0947de-d7ae-4e2b-9749-3aec2a453ced",
+ "type": "desktop",
+ "top": 60,
+ "left": 2.325610506369337,
+ "width": 8,
+ "height": 20,
+ "componentId": "aadf56d4-50be-4a39-b6e9-6dd195b0e15a",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "72295e2c-118a-4dbe-8789-10f1975c7f73",
+ "name": "text39",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "text": {
+ "value": "Item:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "48fa04f5-fe42-4700-9158-5b702c85def2",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.3255763415511286,
+ "width": 8,
+ "height": 30,
+ "componentId": "72295e2c-118a-4dbe-8789-10f1975c7f73",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "26ee6d6e-1f9b-491a-b095-99b2128d3b30",
+ "name": "dropdown7",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "label": {
+ "value": ""
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "layouts": [
+ {
+ "id": "8cde6552-ebe2-44f4-a580-18c621c0f3e7",
+ "type": "desktop",
+ "top": 10,
+ "left": 20.930232558139537,
+ "width": 31.000000000000004,
+ "height": 30,
+ "componentId": "26ee6d6e-1f9b-491a-b095-99b2128d3b30",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "2546097e-3c6b-4960-a7be-9c8359952307",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "26ee6d6e-1f9b-491a-b095-99b2128d3b30",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "67fb457f-6589-411c-b788-73b339aebd13",
+ "name": "container2",
+ "type": "Container",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": null,
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-15T00:05:35.654Z",
+ "layouts": [
+ {
+ "id": "05c65063-096d-438a-9839-a5d65ce5f963",
+ "type": "desktop",
+ "top": 110,
+ "left": 2.3255813953488373,
+ "width": 41,
+ "height": 690,
+ "componentId": "67fb457f-6589-411c-b788-73b339aebd13",
+ "updatedAt": "2024-05-03T06:59:34.217Z"
+ }
+ ]
+ },
+ {
+ "id": "57899d4e-5161-412d-95eb-117eba5f2211",
+ "name": "numberinput13",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "value": {
+ "value": "2"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {
+ "minValue": {
+ "value": "50"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "ce51f9d6-42ed-41d1-b447-7cfd40e2d5a7",
+ "type": "desktop",
+ "top": 54,
+ "left": 20.930232558139537,
+ "width": 8,
+ "height": 30,
+ "componentId": "57899d4e-5161-412d-95eb-117eba5f2211",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f02cda46-05a6-4598-8fa2-239fa7d16ae5",
+ "name": "text40",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "4836fc49-887a-4fa9-b0a1-44e32dcbd088",
+ "properties": {
+ "text": {
+ "value": "Cost:"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": null,
+ "validation": {},
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "f95613ed-fca9-49f7-ba49-154e2c6f5f37",
+ "type": "desktop",
+ "top": 110,
+ "left": 2.325575262856696,
+ "width": 9,
+ "height": 20,
+ "componentId": "f02cda46-05a6-4598-8fa2-239fa7d16ae5",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "9431c509-98d5-4e17-af90-eff1743786a2",
+ "name": "textinput4",
+ "type": "TextInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "placeholder": {
+ "value": "Enter email"
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": ""
+ },
+ "regex": {
+ "value": "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$"
+ }
+ },
+ "createdAt": "2024-01-22T19:21:08.946Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "fe82e739-bcc0-40f0-8217-f1dcdeeaf909",
+ "type": "desktop",
+ "top": 90,
+ "left": 18.604655020124106,
+ "width": 33,
+ "height": 40,
+ "componentId": "9431c509-98d5-4e17-af90-eff1743786a2",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "07838e8a-075d-4f10-9d2c-8c760436004c",
+ "name": "text42",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "text": {
+ "value": "Category:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "a0806d3f-3caa-4f4f-915d-691789019244",
+ "type": "desktop",
+ "top": 60,
+ "left": 2.325611369146351,
+ "width": 8,
+ "height": 20,
+ "componentId": "07838e8a-075d-4f10-9d2c-8c760436004c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "a8378f45-7307-473c-8d3f-4158628cfcc8",
+ "name": "numberinput10",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "value": {
+ "value": "20"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "20"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "557ae02c-40b6-4d06-8209-f044d24cba0f",
+ "type": "desktop",
+ "top": 94,
+ "left": 62.79071517669925,
+ "width": 13.000000000000002,
+ "height": 30,
+ "componentId": "a8378f45-7307-473c-8d3f-4158628cfcc8",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "1126a73b-d6e5-44f9-8d2f-7a2e8e496ccb",
+ "name": "text35",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "text": {
+ "value": "Quantity:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "e7f31bad-0ceb-4214-ac51-bd310baeae5f",
+ "type": "desktop",
+ "top": 100,
+ "left": 2.325611369146349,
+ "width": 8,
+ "height": 20,
+ "componentId": "1126a73b-d6e5-44f9-8d2f-7a2e8e496ccb",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "760e1267-59d4-4adb-bb11-aaf9656ec1fb",
+ "name": "text36",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "text": {
+ "value": "Item:"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "8138379e-bf8f-4504-b186-b922a16e9427",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.3255763415511286,
+ "width": 8,
+ "height": 30,
+ "componentId": "760e1267-59d4-4adb-bb11-aaf9656ec1fb",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "bb123908-fa2b-470a-9322-7461ed98cc05",
+ "name": "dropdown9",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"Product A\"}}"
+ },
+ "values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-01-22T20:03:38.252Z",
+ "layouts": [
+ {
+ "id": "30a14f59-0c47-40b9-886d-644b00a5c7a7",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "bb123908-fa2b-470a-9322-7461ed98cc05",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "f219fc96-2a7e-455a-aa3d-712e002c5a1d",
+ "type": "desktop",
+ "top": 10,
+ "left": 20.930234968331128,
+ "width": 31.000000000000004,
+ "height": 30,
+ "componentId": "bb123908-fa2b-470a-9322-7461ed98cc05",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "ad4440fd-0305-4e2e-8b49-600b73c526a5",
+ "name": "text37",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "text": {
+ "value": "Cost:"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "479e19a4-28a2-4741-ae82-eb96e8f0c46f",
+ "type": "desktop",
+ "top": 100,
+ "left": 51.16279069767442,
+ "width": 5,
+ "height": 20,
+ "componentId": "ad4440fd-0305-4e2e-8b49-600b73c526a5",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9",
+ "name": "dropdown10",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"Category A\"}}"
+ },
+ "values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-01-22T20:03:38.252Z",
+ "layouts": [
+ {
+ "id": "c62a03f4-184f-430c-94ca-ababf349426a",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "d7f4a89b-4da9-4249-badb-0cde700a8654",
+ "type": "desktop",
+ "top": 50,
+ "left": 20.93022617550278,
+ "width": 31.000000000000004,
+ "height": 30,
+ "componentId": "f4fa11b2-1a8b-41fc-bf4b-ba33a62647b9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "60e6c563-e7dd-480e-8919-cbba8a08b36c",
+ "name": "numberinput9",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "60f6ac16-cf2b-4fe8-b633-a3ac617014b3",
+ "properties": {
+ "value": {
+ "value": "2"
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ },
+ "label": ""
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "1"
+ },
+ "maxValue": {
+ "value": "10000"
+ }
+ },
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "d892515a-1ae9-4558-9b52-abcf72e4c155",
+ "type": "desktop",
+ "top": 94,
+ "left": 20.93021424610484,
+ "width": 11,
+ "height": 30,
+ "componentId": "60e6c563-e7dd-480e-8919-cbba8a08b36c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "d3da89be-593b-4e7e-a0b7-0643f0f509f7",
+ "name": "text59",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe",
+ "properties": {
+ "text": {
+ "value": "{{listItem.item}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "e80f521f-831f-4c01-a13f-923e317ddd8a",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.325581340123772,
+ "width": 8.999999999999998,
+ "height": 30,
+ "componentId": "d3da89be-593b-4e7e-a0b7-0643f0f509f7",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "42920c55-2e75-414f-9231-21fd3eeb759e",
+ "name": "text60",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe",
+ "properties": {
+ "text": {
+ "value": "{{listItem.category}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "09e33bc9-992b-4116-8878-bd9a45dcee35",
+ "type": "mobile",
+ "top": 20,
+ "left": 18.6046511627907,
+ "width": 13.953488372093023,
+ "height": 30,
+ "componentId": "42920c55-2e75-414f-9231-21fd3eeb759e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "350b3da8-3f85-4705-9dab-d98ee6183d36",
+ "type": "desktop",
+ "top": 10,
+ "left": 25.581407505254685,
+ "width": 10,
+ "height": 30,
+ "componentId": "42920c55-2e75-414f-9231-21fd3eeb759e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "39db382b-141b-41aa-981a-69fcf2670a18",
+ "name": "text61",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe",
+ "properties": {
+ "text": {
+ "value": "{{listItem.cost}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "47ed4188-3a9a-405a-accd-eb04380bcf66",
+ "type": "mobile",
+ "top": 20,
+ "left": 18.6046511627907,
+ "width": 13.953488372093023,
+ "height": 30,
+ "componentId": "39db382b-141b-41aa-981a-69fcf2670a18",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "fda7fa10-0c7a-4a64-86cf-35e89d02b130",
+ "type": "desktop",
+ "top": 10,
+ "left": 55.81394608354686,
+ "width": 8,
+ "height": 30,
+ "componentId": "39db382b-141b-41aa-981a-69fcf2670a18",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "96e5e586-8e8d-40fd-8ab6-73f342c64050",
+ "name": "text62",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "fe234fd9-b74c-4baa-9c9b-26bd1b8cc8fe",
+ "properties": {
+ "text": {
+ "value": "{{listItem.quantity}}"
+ }
+ },
+ "general": null,
+ "styles": {},
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "fdaa54fe-ae4f-4f75-a697-a37e83055ab9",
+ "type": "mobile",
+ "top": 20,
+ "left": 18.6046511627907,
+ "width": 13.953488372093023,
+ "height": 30,
+ "componentId": "96e5e586-8e8d-40fd-8ab6-73f342c64050",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "345eb1ba-1336-4e2b-894a-83cdb74b1f36",
+ "type": "desktop",
+ "top": 10,
+ "left": 79.069770523496,
+ "width": 5,
+ "height": 30,
+ "componentId": "96e5e586-8e8d-40fd-8ab6-73f342c64050",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "c6ce4ad0-4ce7-4897-835f-6ffaf65fb5e0",
+ "name": "text63",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487",
+ "properties": {
+ "text": {
+ "value": "Category"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#666666ff",
+ "fxActive": false
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "textIndent": {
+ "value": "{{10}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "5e25985d-c0a3-459e-a640-fc0a1e623ea2",
+ "type": "desktop",
+ "top": 10,
+ "left": 25.581391205039903,
+ "width": 11,
+ "height": 30,
+ "componentId": "c6ce4ad0-4ce7-4897-835f-6ffaf65fb5e0",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "80f4c2fc-e01f-421e-957a-29f0de91a2e9",
+ "name": "text64",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487",
+ "properties": {
+ "text": {
+ "value": "Cost"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#666666ff",
+ "fxActive": false
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "textIndent": {
+ "value": "{{8}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "a624f8fb-6a93-450b-af8c-d76f5a787c9e",
+ "type": "desktop",
+ "top": 10,
+ "left": 55.8139058034457,
+ "width": 7,
+ "height": 30,
+ "componentId": "80f4c2fc-e01f-421e-957a-29f0de91a2e9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "53e5fc50-be4e-4809-99de-5919da3c369c",
+ "name": "text65",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487",
+ "properties": {
+ "text": {
+ "value": "Item"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#666666ff",
+ "fxActive": false
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "textIndent": {
+ "value": "{{10}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "bd920e53-9fe4-4d48-9674-b22f4f6c3e5e",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.3255828820984954,
+ "width": 8,
+ "height": 30,
+ "componentId": "53e5fc50-be4e-4809-99de-5919da3c369c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "4310d4c8-35ce-4d22-8bdf-69ef2a210b9a",
+ "name": "text66",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "dfb1bac0-8678-4b14-be8f-e9d460916487",
+ "properties": {
+ "text": {
+ "value": "Quantity"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textColor": {
+ "value": "#666666ff",
+ "fxActive": false
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "textIndent": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-01-22T20:03:38.252Z",
+ "updatedAt": "2024-02-28T16:34:54.683Z",
+ "layouts": [
+ {
+ "id": "24fad2fd-30ea-4b31-b03c-8c65ee2787ff",
+ "type": "desktop",
+ "top": 10,
+ "left": 79.06977592347783,
+ "width": 7,
+ "height": 30,
+ "componentId": "4310d4c8-35ce-4d22-8bdf-69ef2a210b9a",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9",
+ "name": "table2",
+ "type": "Table",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "enablePagination": {
+ "value": "{{false}}"
+ },
+ "showFilterButton": {
+ "value": "{{false}}"
+ },
+ "displaySearchBox": {
+ "value": "{{false}}"
+ },
+ "showAddNewRowButton": {
+ "value": "{{false}}"
+ },
+ "showDownloadButton": {
+ "value": "{{false}}"
+ },
+ "showBulkUpdateActions": {
+ "value": "{{false}}"
+ },
+ "allowSelection": {
+ "value": "{{false}}"
+ },
+ "data": {
+ "value": "{{variables.items}}"
+ },
+ "columns": {
+ "value": [
+ {
+ "id": "1592e521-3bb9-4ec1-bb70-aa77a1388be1",
+ "name": "item",
+ "key": "item",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "efcc7580-faa4-4307-8fca-77309ebd4e7e",
+ "name": "category",
+ "key": "category",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "19d70c4f-2c01-4812-b3d3-914c58532856",
+ "name": "quantity",
+ "key": "quantity",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "5cec7503-6fc8-4026-8cec-0c07dedc3647",
+ "name": "cost",
+ "key": "cost",
+ "columnType": "string",
+ "autogenerated": true
+ }
+ ]
+ },
+ "columnSizes": {
+ "value": {
+ "1592e521-3bb9-4ec1-bb70-aa77a1388be1": 104,
+ "efcc7580-faa4-4307-8fca-77309ebd4e7e": 115,
+ "19d70c4f-2c01-4812-b3d3-914c58532856": 95,
+ "5cec7503-6fc8-4026-8cec-0c07dedc3647": 18
+ }
+ },
+ "actions": {
+ "value": [
+ {
+ "name": "Action0",
+ "buttonText": "⛌",
+ "events": [],
+ "position": "right"
+ }
+ ]
+ },
+ "columnDeletionHistory": {
+ "value": [
+ "id"
+ ]
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "10"
+ },
+ "actionButtonRadius": {
+ "value": "5"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T10:08:23.831Z",
+ "updatedAt": "2024-05-02T07:53:34.223Z",
+ "layouts": [
+ {
+ "id": "dbf30618-8c37-445e-b99a-1f77399bcd18",
+ "type": "mobile",
+ "top": 350,
+ "left": 4.651162790697675,
+ "width": 67.11627906976744,
+ "height": 456,
+ "componentId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "a347b6ff-a99e-4697-bed8-e742145cbb17",
+ "type": "desktop",
+ "top": 396,
+ "left": 18.60463958035495,
+ "width": 33,
+ "height": 250,
+ "componentId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "54d58e38-a93b-44ff-97a4-c8c61a96e902",
+ "name": "text46",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "properties": {
+ "text": {
+ "value": "Items :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T19:12:09.015Z",
+ "updatedAt": "2024-03-14T19:12:21.236Z",
+ "layouts": [
+ {
+ "id": "02e6ec83-6d35-4430-b960-332fbdaf4084",
+ "type": "desktop",
+ "top": 400,
+ "left": 4.651172313607898,
+ "width": 6,
+ "height": 40,
+ "componentId": "54d58e38-a93b-44ff-97a4-c8c61a96e902",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "c315f562-ebcb-48ee-aad2-c40a0e55b766",
+ "name": "text51",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Delivery :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "a34de0ad-1078-4fea-bf76-c1037e9c7df3",
+ "type": "desktop",
+ "top": 710,
+ "left": 51.16277230624662,
+ "width": 6,
+ "height": 40,
+ "componentId": "c315f562-ebcb-48ee-aad2-c40a0e55b766",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "c2f405a7-551f-4db6-b0aa-ed2a6d51bcff",
+ "name": "text52",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Name :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "d82c35e1-06b2-4027-81df-846cfc45e337",
+ "type": "desktop",
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "c2f405a7-551f-4db6-b0aa-ed2a6d51bcff",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "42378612-c892-4a26-8376-26e080110a34",
+ "name": "text53",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "0597a9d9-b390-4ddc-9716-5169115436f1",
+ "type": "desktop",
+ "top": 710,
+ "left": 65.11629402839891,
+ "width": 2,
+ "height": 40,
+ "componentId": "42378612-c892-4a26-8376-26e080110a34",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "fbcdfde6-212e-450e-a767-ef5ea4af0754",
+ "name": "dropdown11",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"Product A\"}}"
+ },
+ "values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Product A\", \"Product B\", \"Product C\",\"Product X\", \"Product Y\", \"Product Z\"]}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-15T00:12:31.646Z",
+ "layouts": [
+ {
+ "id": "c043bc14-d9ff-4762-8ace-232ef3d9c857",
+ "type": "desktop",
+ "top": 20,
+ "left": 23.255799284714417,
+ "width": 31,
+ "height": 40,
+ "componentId": "fbcdfde6-212e-450e-a767-ef5ea4af0754",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "e2ffee44-163d-4c96-a0be-966ec799b0d1",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "fbcdfde6-212e-450e-a767-ef5ea4af0754",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "1741752f-9b52-4cfb-a20a-badc026f7bf4",
+ "name": "dropdown12",
+ "type": "DropDown",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"Category A\"}}"
+ },
+ "values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Category A\", \"Category B\", \"Category C\",\"Category X\", \"Category Y\", \"Category Z\"]}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-15T00:12:39.245Z",
+ "layouts": [
+ {
+ "id": "3ea8efd5-2681-4242-b294-b5df622612b3",
+ "type": "desktop",
+ "top": 70,
+ "left": 23.25581316164316,
+ "width": 31,
+ "height": 40,
+ "componentId": "1741752f-9b52-4cfb-a20a-badc026f7bf4",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "f3803cd1-9936-4b84-bc3a-e99a3d376115",
+ "type": "mobile",
+ "top": 20,
+ "left": 27.906976744186046,
+ "width": 18.6046511627907,
+ "height": 30,
+ "componentId": "1741752f-9b52-4cfb-a20a-badc026f7bf4",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "09eaf419-6fc3-4b48-95aa-d9508ddc1b22",
+ "name": "numberinput17",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "value": {
+ "value": "2"
+ },
+ "label": "",
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "1"
+ },
+ "maxValue": {
+ "value": "10000"
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "ba7e2b36-dc27-42e2-9249-450c9e73ce82",
+ "type": "desktop",
+ "top": 120,
+ "left": 23.255838264502607,
+ "width": 11,
+ "height": 40,
+ "componentId": "09eaf419-6fc3-4b48-95aa-d9508ddc1b22",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "name": "container8",
+ "type": "Container",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd1a"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-15T00:10:34.657Z",
+ "layouts": [
+ {
+ "id": "6b11ac3f-58af-4fd2-9bf9-e546a8139a7c",
+ "type": "desktop",
+ "top": 150,
+ "left": 18.604647271804374,
+ "width": 33,
+ "height": 190,
+ "componentId": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "de14b6bc-9aaf-4f45-9c08-336391b98219",
+ "type": "mobile",
+ "top": 290,
+ "left": 48.83720930232558,
+ "width": 11.627906976744185,
+ "height": 200,
+ "componentId": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "47c22a60-c8df-4643-ae68-4bdf48398410",
+ "name": "text48",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "text": {
+ "value": "Item :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "6265f7f4-44e4-49c9-bfff-11f2dd7eaaf9",
+ "type": "desktop",
+ "top": 20,
+ "left": 4.651138072253336,
+ "width": 8,
+ "height": 40,
+ "componentId": "47c22a60-c8df-4643-ae68-4bdf48398410",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "977e32a1-75d9-4d37-8132-e8a090c5bf27",
+ "name": "numberinput19",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "value": {
+ "value": "{{components.table1.selectedRow.delivery}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ },
+ "auto": {
+ "value": true
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "0"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:15:43.393Z",
+ "layouts": [
+ {
+ "id": "e8624d45-6314-4175-8df7-2a9a72af658b",
+ "type": "desktop",
+ "top": 710,
+ "left": 69.76743977293398,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "977e32a1-75d9-4d37-8132-e8a090c5bf27",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "140209b1-f192-451d-af9a-4f0629d2212e",
+ "name": "text67",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Email :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "e789132e-58f1-42a9-8cd1-101bb1ac6532",
+ "type": "desktop",
+ "top": 90,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "140209b1-f192-451d-af9a-4f0629d2212e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "1d4ad218-f364-4751-b065-5b1700409867",
+ "name": "text68",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Add items :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "570bc1aa-2c1b-4b35-9fd4-80a3a4382e49",
+ "type": "desktop",
+ "top": 150,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "1d4ad218-f364-4751-b065-5b1700409867",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "53788c76-3718-4be9-a527-0fcf53a1e1fd",
+ "name": "divider6",
+ "type": "Divider",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "1c337086-feb4-45c1-bb26-2d549294bbfa",
+ "type": "desktop",
+ "top": 672,
+ "left": 0,
+ "width": 43,
+ "height": -172,
+ "componentId": "53788c76-3718-4be9-a527-0fcf53a1e1fd",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "9efe2f48-cd1e-47c4-8073-3394d8a6ba62",
+ "name": "text69",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Subtotal :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "21ddd1fe-12ef-4274-a105-3e0d7bfa2df9",
+ "type": "desktop",
+ "top": 710,
+ "left": 4.651162651133472,
+ "width": 6,
+ "height": 40,
+ "componentId": "9efe2f48-cd1e-47c4-8073-3394d8a6ba62",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "05ccce93-81ba-414b-a0b9-8845c925c2a2",
+ "name": "text70",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Total cost :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "f4982b34-f0d8-4348-a85d-661da843e5ec",
+ "type": "desktop",
+ "top": 770,
+ "left": 4.651162790697675,
+ "width": 6,
+ "height": 40,
+ "componentId": "05ccce93-81ba-414b-a0b9-8845c925c2a2",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "0fa9a59b-0510-426e-b7d4-8785cfced3c7",
+ "name": "text71",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "72348ca9-b1bd-4891-8804-7eda6f9bc469",
+ "type": "desktop",
+ "top": 770,
+ "left": 18.60466432035639,
+ "width": 2,
+ "height": 40,
+ "componentId": "0fa9a59b-0510-426e-b7d4-8785cfced3c7",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "5c76401e-3109-4454-b6c5-6636f0d7973a",
+ "name": "text72",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "425984bb-3656-4739-ba99-a1d2107f09e2",
+ "type": "desktop",
+ "top": 710,
+ "left": 18.604655748002983,
+ "width": 2,
+ "height": 40,
+ "componentId": "5c76401e-3109-4454-b6c5-6636f0d7973a",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f1cad135-d608-4c57-b668-f773e92e1b9e",
+ "name": "table3",
+ "type": "Table",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "data": {
+ "value": "{{variables.items}}"
+ },
+ "enablePagination": {
+ "value": "{{false}}"
+ },
+ "displaySearchBox": {
+ "value": "{{false}}"
+ },
+ "showDownloadButton": {
+ "value": "{{false}}"
+ },
+ "showFilterButton": {
+ "value": "{{false}}"
+ },
+ "columns": {
+ "value": [
+ {
+ "id": "1592e521-3bb9-4ec1-bb70-aa77a1388be1",
+ "name": "item",
+ "key": "item",
+ "columnType": "string"
+ },
+ {
+ "id": "efcc7580-faa4-4307-8fca-77309ebd4e7e",
+ "name": "category",
+ "key": "category",
+ "columnType": "string"
+ },
+ {
+ "id": "19d70c4f-2c01-4812-b3d3-914c58532856",
+ "name": "quantity",
+ "key": "quantity",
+ "columnType": "string"
+ },
+ {
+ "id": "5cec7503-6fc8-4026-8cec-0c07dedc3647",
+ "name": "cost",
+ "key": "cost",
+ "columnType": "string",
+ "autogenerated": true
+ }
+ ]
+ },
+ "showBulkUpdateActions": {
+ "value": "{{false}}"
+ },
+ "columnSizes": {
+ "value": {
+ "1592e521-3bb9-4ec1-bb70-aa77a1388be1": 104,
+ "efcc7580-faa4-4307-8fca-77309ebd4e7e": 115,
+ "19d70c4f-2c01-4812-b3d3-914c58532856": 95,
+ "5cec7503-6fc8-4026-8cec-0c07dedc3647": 18
+ }
+ },
+ "actions": {
+ "value": [
+ {
+ "name": "Action0",
+ "buttonText": "⛌",
+ "events": [],
+ "position": "right"
+ }
+ ]
+ },
+ "showAddNewRowButton": {
+ "value": "{{false}}"
+ },
+ "allowSelection": {
+ "value": "{{false}}"
+ },
+ "columnDeletionHistory": {
+ "value": [
+ "id"
+ ]
+ },
+ "loadingState": {
+ "fxActive": true,
+ "value": "{{queries.addItem.isLoading || queries.deleteItem.isLoading || queries.calculateSubtotal.isLoading}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "actionButtonRadius": {
+ "value": "5"
+ },
+ "borderRadius": {
+ "value": "10"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-05-02T07:53:34.223Z",
+ "layouts": [
+ {
+ "id": "3de19a14-a85a-4385-af1b-5e2f7fb38b2e",
+ "type": "mobile",
+ "top": 350,
+ "left": 4.651162790697675,
+ "width": 67.11627906976744,
+ "height": 456,
+ "componentId": "f1cad135-d608-4c57-b668-f773e92e1b9e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "9d3134d7-1232-4b9c-bb4b-6154ef635bed",
+ "type": "desktop",
+ "top": 396,
+ "left": 18.60464992912071,
+ "width": 33,
+ "height": 250,
+ "componentId": "f1cad135-d608-4c57-b668-f773e92e1b9e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "02cfb236-c35e-473b-9f44-a9082548b4ed",
+ "name": "text73",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Items :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "9e74a41f-9c33-4eda-85c1-82a913f23822",
+ "type": "desktop",
+ "top": 400,
+ "left": 4.651172298848535,
+ "width": 6,
+ "height": 40,
+ "componentId": "02cfb236-c35e-473b-9f44-a9082548b4ed",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "ba4ebccb-90ee-490c-a456-b11d557bc511",
+ "name": "textinput7",
+ "type": "TextInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "label": "",
+ "placeholder": {
+ "value": "Enter email"
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.email}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "regex": {
+ "value": "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$"
+ },
+ "customRule": {
+ "value": ""
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:02:12.508Z",
+ "layouts": [
+ {
+ "id": "bdbe9076-3cf3-4a8d-9212-b8005055e7fd",
+ "type": "desktop",
+ "top": 90,
+ "left": 18.604658925443417,
+ "width": 33,
+ "height": 40,
+ "componentId": "ba4ebccb-90ee-490c-a456-b11d557bc511",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "b994ef3a-b88b-4af8-b1fe-18034b185e78",
+ "name": "numberinput20",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "value": {
+ "value": "{{queries.calculateSubtotal.data}}"
+ },
+ "label": "",
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "{{true}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "0"
+ },
+ "maxValue": {
+ "value": "100000000"
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "0b0c7ccf-4c21-4be7-83fa-d207059c477c",
+ "type": "desktop",
+ "top": 710,
+ "left": 23.255821408274706,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "b994ef3a-b88b-4af8-b1fe-18034b185e78",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "fb20edad-05d6-4fe9-ba61-f5c1c3a4510c",
+ "name": "numberinput21",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "value": {
+ "value": "{{components.numberinput20.value + components.numberinput19.value}}"
+ },
+ "label": "",
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "{{true}}",
+ "fxActive": false
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "50"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:18:53.377Z",
+ "layouts": [
+ {
+ "id": "c3ab3340-6329-41ee-aedc-ad55e210c468",
+ "type": "desktop",
+ "top": 770,
+ "left": 23.255816888543485,
+ "width": 11.000000000000002,
+ "height": 40,
+ "componentId": "fb20edad-05d6-4fe9-ba61-f5c1c3a4510c",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "6d3d40e3-50fa-42cb-add2-0023ca6f1421",
+ "name": "divider7",
+ "type": "Divider",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {},
+ "general": null,
+ "styles": {
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "70666cf2-3953-4e06-b3e6-80c462ff8df3",
+ "type": "desktop",
+ "top": 842,
+ "left": 0.000005182645292478583,
+ "width": 43,
+ "height": -5,
+ "componentId": "6d3d40e3-50fa-42cb-add2-0023ca6f1421",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e",
+ "name": "button9",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffff00"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "b7f13ebd-dc4f-41eb-9815-a1e1a95542b1",
+ "type": "desktop",
+ "top": 880,
+ "left": 60.46513815318758,
+ "width": 7,
+ "height": 40,
+ "componentId": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "88df252a-1093-49a6-95f2-7408e48052a8",
+ "name": "button10",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "Save"
+ },
+ "loadingState": {
+ "value": "{{queries.updateCustomer.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:42:06.073Z",
+ "layouts": [
+ {
+ "id": "67e09c1e-7a91-408f-9759-200a4f861abc",
+ "type": "desktop",
+ "top": 880,
+ "left": 79.06980296937982,
+ "width": 7.000000000000001,
+ "height": 40,
+ "componentId": "88df252a-1093-49a6-95f2-7408e48052a8",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "7476dd2d-8d9a-46db-821b-71c60f8d7f9f",
+ "name": "text47",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "text": {
+ "value": "Quantity :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "bf1a6ead-0af2-42ab-807e-c71b9b694066",
+ "type": "desktop",
+ "top": 120,
+ "left": 4.6511814166601,
+ "width": 8,
+ "height": 40,
+ "componentId": "7476dd2d-8d9a-46db-821b-71c60f8d7f9f",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "a10834f9-2f6d-4d09-97f2-6ae7a6d60f7e",
+ "name": "textinput6",
+ "type": "TextInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "label": {
+ "value": ""
+ },
+ "placeholder": {
+ "value": "Enter name"
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.customer_name}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": ""
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:00:43.621Z",
+ "layouts": [
+ {
+ "id": "14d06288-1bc1-4611-a5b4-2f2421454f69",
+ "type": "desktop",
+ "top": 30,
+ "left": 18.604639097676362,
+ "width": 33,
+ "height": 40,
+ "componentId": "a10834f9-2f6d-4d09-97f2-6ae7a6d60f7e",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "name": "modal2",
+ "type": "Modal",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": null,
+ "properties": {
+ "title": {
+ "value": "Update customer details"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "950px"
+ }
+ },
+ "general": null,
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T23:41:27.263Z",
+ "layouts": [
+ {
+ "id": "90d80ce2-b70d-414f-bb8a-217fa8d8e6a5",
+ "type": "desktop",
+ "top": 840,
+ "left": 13.953472960342543,
+ "width": 4,
+ "height": 40,
+ "componentId": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "updatedAt": "2024-05-03T06:59:40.759Z"
+ }
+ ]
+ },
+ {
+ "id": "5e42c800-8edd-4deb-8353-c7012a858656",
+ "name": "numberinput18",
+ "type": "NumberInput",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "value": {
+ "value": "20"
+ },
+ "label": "",
+ "placeholder": {
+ "value": ""
+ },
+ "disabledState": {
+ "value": "",
+ "fxActive": false
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "#0000001f",
+ "fxActive": false
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {
+ "minValue": {
+ "value": "20"
+ },
+ "maxValue": {
+ "value": "100000"
+ }
+ },
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "04f55012-944a-4772-873e-7e7d18b8dd23",
+ "type": "desktop",
+ "top": 120,
+ "left": 65.11628582707674,
+ "width": 12.999999999999998,
+ "height": 40,
+ "componentId": "5e42c800-8edd-4deb-8353-c7012a858656",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "980c6d39-2861-4583-acd7-3c0405185167",
+ "name": "text49",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "text": {
+ "value": "Cost :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "e6d14a9e-8b33-4507-af41-70b5be38de51",
+ "type": "desktop",
+ "top": 120,
+ "left": 53.488392907403686,
+ "width": 5,
+ "height": 40,
+ "componentId": "980c6d39-2861-4583-acd7-3c0405185167",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "ed126469-b9d8-4204-b753-4cb414fc67cb",
+ "name": "text50",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "38bd9782-0119-4433-a33b-1bd113366aab",
+ "properties": {
+ "text": {
+ "value": "Category :"
+ }
+ },
+ "general": null,
+ "styles": {
+ "fontWeight": {
+ "value": "bold"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "37b5d56c-c582-434b-9197-48a665631a16",
+ "type": "desktop",
+ "top": 70,
+ "left": 4.6511875791695845,
+ "width": 8,
+ "height": 40,
+ "componentId": "ed126469-b9d8-4204-b753-4cb414fc67cb",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f7564fad-03b5-4939-9860-dbb090cf68a8",
+ "name": "button11",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "properties": {
+ "text": {
+ "value": "+ Add item"
+ }
+ },
+ "general": null,
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffff00"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-14T21:54:05.141Z",
+ "updatedAt": "2024-03-14T21:54:05.141Z",
+ "layouts": [
+ {
+ "id": "576f5fcc-33a2-4727-8e27-f793c36c91b6",
+ "type": "desktop",
+ "top": 340,
+ "left": 18.60466651941573,
+ "width": 33,
+ "height": 40,
+ "componentId": "f7564fad-03b5-4939-9860-dbb090cf68a8",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "name": "modal3",
+ "type": "Modal",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": null,
+ "properties": {
+ "title": {
+ "value": "Confirm customer deletion"
+ },
+ "size": {
+ "value": "sm"
+ },
+ "modalHeight": {
+ "value": "200px"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-18T16:34:29.046Z",
+ "updatedAt": "2024-03-18T16:57:03.628Z",
+ "layouts": [
+ {
+ "id": "cf091630-4f5f-4f98-b3ef-a0fcc36eee5a",
+ "type": "desktop",
+ "top": 840,
+ "left": 25.58139898838141,
+ "width": 4,
+ "height": 40,
+ "componentId": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "updatedAt": "2024-05-03T06:59:40.759Z"
+ },
+ {
+ "id": "a9aaf0ec-c873-4499-8a31-e4650c371636",
+ "type": "mobile",
+ "top": 780,
+ "left": 27.906976744186046,
+ "width": 10,
+ "height": 34,
+ "componentId": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "dfb1e856-81d1-4236-b54f-f51999499488",
+ "name": "text54",
+ "type": "Text",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "properties": {
+ "text": {
+ "value": "⚠️ Warning: This action is irreversible.\n
\nAre you sure you want to delete the customer?"
+ }
+ },
+ "general": null,
+ "styles": {
+ "textAlign": {
+ "value": "center"
+ },
+ "textSize": {
+ "value": "18"
+ },
+ "verticalAlignment": {
+ "value": "top"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-18T16:35:23.997Z",
+ "updatedAt": "2024-03-18T16:52:45.833Z",
+ "layouts": [
+ {
+ "id": "8c0baffc-b225-46f3-a336-ae2623212fdc",
+ "type": "desktop",
+ "top": 20,
+ "left": 6.976743194730793,
+ "width": 37,
+ "height": 100,
+ "componentId": "dfb1e856-81d1-4236-b54f-f51999499488",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "5c3b12d7-63c8-438a-a788-90c9c1938c28",
+ "type": "mobile",
+ "top": 80,
+ "left": 37.2093023255814,
+ "width": 13.953488372093023,
+ "height": 40,
+ "componentId": "dfb1e856-81d1-4236-b54f-f51999499488",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97",
+ "name": "button8",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderColor": {
+ "value": "#375fcfff"
+ },
+ "backgroundColor": {
+ "value": "#ffffff00"
+ },
+ "textColor": {
+ "value": "#375fcfff"
+ },
+ "loaderColor": {
+ "value": "#375fcfff"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-18T16:40:44.429Z",
+ "updatedAt": "2024-03-18T16:44:34.802Z",
+ "layouts": [
+ {
+ "id": "112447df-8b87-45d3-968a-f174c0613e4f",
+ "type": "mobile",
+ "top": 220,
+ "left": 18.6046511627907,
+ "width": 6.976744186046512,
+ "height": 30,
+ "componentId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "d3112b06-3a21-4f8c-9d89-bc426d269230",
+ "type": "desktop",
+ "top": 130,
+ "left": 6.97672868203354,
+ "width": 18,
+ "height": 40,
+ "componentId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "d54d72cf-9ae1-4cc0-b595-b86c751958a0",
+ "name": "button12",
+ "type": "Button",
+ "pageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "parent": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "properties": {
+ "text": {
+ "value": "Confirm"
+ },
+ "loadingState": {
+ "fxActive": true,
+ "value": "{{queries.deleteCustomer.isLoading}}"
+ }
+ },
+ "general": null,
+ "styles": {
+ "borderColor": {
+ "value": "#ffffff00"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": null,
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-03-18T16:41:20.531Z",
+ "updatedAt": "2024-03-18T16:56:34.380Z",
+ "layouts": [
+ {
+ "id": "06d0a240-53aa-4539-908f-16408cf94a2c",
+ "type": "mobile",
+ "top": 220,
+ "left": 18.6046511627907,
+ "width": 6.976744186046512,
+ "height": 30,
+ "componentId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ },
+ {
+ "id": "215f9f9c-2316-4b7c-9d4a-4db7deee7cfe",
+ "type": "desktop",
+ "top": 130,
+ "left": 51.16278634978313,
+ "width": 18,
+ "height": 40,
+ "componentId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ }
+ ],
+ "pages": [
+ {
+ "id": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "name": "Home",
+ "handle": "home",
+ "index": 0,
+ "disabled": false,
+ "hidden": false,
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-15T11:38:19.133Z",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0"
+ }
+ ],
+ "events": [
+ {
+ "id": "902549f6-9c12-4425-bf60-7c7947327fb7",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "d792eae4-0f37-4942-b1df-9dfd83283130",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-01-22T12:22:16.998Z"
+ },
+ {
+ "id": "6f73216a-7171-4f6e-b687-eb825940b261",
+ "name": "onClick",
+ "index": 2,
+ "event": {
+ "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "show-modal",
+ "alertType": "info"
+ },
+ "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-15T11:38:19.133Z",
+ "updatedAt": "2024-03-14T23:56:57.373Z"
+ },
+ {
+ "id": "e8b92ee5-430c-4906-ba22-d6704471c3e2",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "88b98f56-cd4a-4fa2-8517-00570c933931",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "runjs4",
+ "parameters": {}
+ },
+ "sourceId": "cea39252-0cc9-458f-af50-bf06e82e8089",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:13:48.927Z",
+ "updatedAt": "2024-03-14T23:06:41.914Z"
+ },
+ {
+ "id": "18b522ab-b4ae-43cb-a776-124cf0bbca7e",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "items",
+ "value": "{{[]}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:21:14.378Z",
+ "updatedAt": "2024-03-14T23:56:57.373Z"
+ },
+ {
+ "id": "fb66c3c4-7bb6-4f35-b2ea-3dacdeff782d",
+ "name": "onDataQuerySuccess",
+ "index": 0,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "calculateSubtotal",
+ "parameters": {}
+ },
+ "sourceId": "88b98f56-cd4a-4fa2-8517-00570c933931",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:30:49.898Z",
+ "updatedAt": "2024-03-14T23:21:28.165Z"
+ },
+ {
+ "id": "b46ccbf0-59a5-4cac-8632-021ae7f55da5",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "actionId": "run-query",
+ "debounce": "",
+ "alertType": "info",
+ "queryName": "addCustomer",
+ "parameters": {}
+ },
+ "sourceId": "979b6415-a171-4e56-82de-efc8480de14c",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T19:26:58.775Z",
+ "updatedAt": "2024-01-22T19:27:33.031Z"
+ },
+ {
+ "id": "7245684b-368c-4240-9652-331bfec0c90a",
+ "name": "onDataQuerySuccess",
+ "index": 0,
+ "event": {
+ "modal": "eab81981-a5b1-412c-9a1f-f8d596e917a8",
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T19:29:41.759Z",
+ "updatedAt": "2024-03-14T23:49:04.655Z"
+ },
+ {
+ "id": "410cf9af-0a4e-4db2-b100-fb08df110107",
+ "name": "onDataQuerySuccess",
+ "index": 2,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "listCustomers",
+ "parameters": {}
+ },
+ "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T19:30:43.514Z",
+ "updatedAt": "2024-03-14T23:50:18.254Z"
+ },
+ {
+ "id": "9400a8c1-ea8e-43d4-990f-77511e105bcd",
+ "name": "onDataQuerySuccess",
+ "index": 0,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "calculateSubtotal",
+ "parameters": {}
+ },
+ "sourceId": "c63326b1-fa1a-427b-bb89-2f7b3364196c",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T19:21:53.885Z",
+ "updatedAt": "2024-03-14T23:21:05.854Z"
+ },
+ {
+ "id": "4fbfb178-f649-430b-bdcf-50bc9d701101",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "88b98f56-cd4a-4fa2-8517-00570c933931",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "runjs4",
+ "parameters": {}
+ },
+ "sourceId": "f7564fad-03b5-4939-9860-dbb090cf68a8",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T21:54:17.630Z",
+ "updatedAt": "2024-03-14T23:11:13.911Z"
+ },
+ {
+ "id": "40a1ecd0-aa71-4381-af6d-980f1f11309e",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "actionId": "run-query",
+ "debounce": "",
+ "alertType": "info",
+ "queryName": "updateCustomer",
+ "parameters": {}
+ },
+ "sourceId": "88df252a-1093-49a6-95f2-7408e48052a8",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T21:54:17.896Z",
+ "updatedAt": "2024-03-14T23:42:11.830Z"
+ },
+ {
+ "id": "2bb52d49-24a3-45e4-86e7-94adc347b497",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "modal": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "eaa3eddf-9904-438b-b73c-c7fbfd32c68e",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T21:54:18.085Z",
+ "updatedAt": "2024-03-14T23:35:43.479Z"
+ },
+ {
+ "id": "e34322a3-4b74-4cce-98cc-1765c84c7b33",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "ref": "Action0",
+ "modal": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "show-modal",
+ "alertType": "info"
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T22:58:12.287Z",
+ "updatedAt": "2024-03-20T05:45:17.512Z"
+ },
+ {
+ "id": "0fc6d6cf-a51c-4979-9c36-b000f794f06a",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "newItem",
+ "value": "{{({\n item: components.dropdown5.value,\n category: components.dropdown6.value,\n quantity: components.numberinput7.value,\n cost: components.numberinput8.value,\n})}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "cea39252-0cc9-458f-af50-bf06e82e8089",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:04:26.559Z",
+ "updatedAt": "2024-03-14T23:06:41.914Z"
+ },
+ {
+ "id": "6b3b7f40-68d8-4038-bfb2-be1e1b4f063d",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "newItem",
+ "value": "{{({\n item: components.dropdown11.value,\n category: components.dropdown12.value,\n quantity: components.numberinput17.value,\n cost: components.numberinput18.value,\n})}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "f7564fad-03b5-4939-9860-dbb090cf68a8",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:10:25.881Z",
+ "updatedAt": "2024-03-14T23:11:13.911Z"
+ },
+ {
+ "id": "44cf06ba-cc65-43cd-91df-babb020a1ba9",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "ref": "Action0",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "calculateSubtotal",
+ "parameters": {}
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:14:35.453Z",
+ "updatedAt": "2024-03-20T05:45:17.512Z"
+ },
+ {
+ "id": "6f8b54b9-8cbe-474a-b2f9-aed4b04a8fd4",
+ "name": "onDataQuerySuccess",
+ "index": 0,
+ "event": {
+ "modal": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:45:18.045Z",
+ "updatedAt": "2024-03-14T23:45:30.835Z"
+ },
+ {
+ "id": "bfddb76f-a421-41d3-8946-571da231bbd7",
+ "name": "onDataQuerySuccess",
+ "index": 1,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Customer details updated successfully.",
+ "actionId": "show-alert",
+ "alertType": "success"
+ },
+ "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:45:33.782Z",
+ "updatedAt": "2024-03-14T23:46:00.977Z"
+ },
+ {
+ "id": "8191a4c0-bf73-4197-adce-792821c2ddb2",
+ "name": "onDataQuerySuccess",
+ "index": 2,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "listCustomers",
+ "parameters": {}
+ },
+ "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:46:07.321Z",
+ "updatedAt": "2024-03-14T23:46:20.595Z"
+ },
+ {
+ "id": "d0eae1eb-0a29-46e4-a63a-7b250687be6d",
+ "name": "onDataQueryFailure",
+ "index": 3,
+ "event": {
+ "eventId": "onDataQueryFailure",
+ "message": "Failed to update customer details! Please check and try again.",
+ "actionId": "show-alert",
+ "alertType": "warning"
+ },
+ "sourceId": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:46:28.145Z",
+ "updatedAt": "2024-03-14T23:51:51.333Z"
+ },
+ {
+ "id": "3ad8c142-df32-482d-b418-ed1e839bdb8b",
+ "name": "onDataQuerySuccess",
+ "index": 1,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Customer added successfully.",
+ "actionId": "show-alert",
+ "alertType": "success"
+ },
+ "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:50:06.526Z",
+ "updatedAt": "2024-03-14T23:50:45.832Z"
+ },
+ {
+ "id": "d029e5b9-409d-4ed6-9887-c6215e4235d0",
+ "name": "onDataQueryFailure",
+ "index": 3,
+ "event": {
+ "eventId": "onDataQueryFailure",
+ "message": "Failed to add customer! Please check and try again.",
+ "actionId": "show-alert",
+ "alertType": "warning"
+ },
+ "sourceId": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:51:56.696Z",
+ "updatedAt": "2024-03-14T23:52:17.164Z"
+ },
+ {
+ "id": "12176a3f-9bd5-417e-8f1b-f534fc4e2e61",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "calculateSubtotal",
+ "parameters": {}
+ },
+ "sourceId": "a3ad1e68-10d1-4b00-a917-69af8837c912",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T23:56:39.662Z",
+ "updatedAt": "2024-03-14T23:56:57.373Z"
+ },
+ {
+ "id": "993a4b10-b780-435f-a3d6-801ecf6fcff3",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "items",
+ "ref": "Action1",
+ "value": "{{JSON.parse(components.table1.selectedRow.items).map((row, n) => ({...row, id: n}))}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-15T00:06:23.996Z",
+ "updatedAt": "2024-03-15T00:06:50.508Z"
+ },
+ {
+ "id": "aa3aac2a-d4df-4e58-a868-f6b26fde4460",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "ref": "Action1",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "calculateSubtotal",
+ "parameters": {}
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-15T00:07:05.159Z",
+ "updatedAt": "2024-03-20T05:45:17.512Z"
+ },
+ {
+ "id": "c12f6b3c-9c3e-4ef4-8f99-0f06e732c142",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "ref": "Action1",
+ "modal": "1c1d6d9f-67da-447e-9666-491337509af5",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "show-modal",
+ "alertType": "info"
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-15T00:07:42.751Z",
+ "updatedAt": "2024-03-20T05:45:17.512Z"
+ },
+ {
+ "id": "88dbf125-cdb1-4033-80ec-79e42bfc33fb",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "a04abb8a-0bbd-41c5-b4bf-e5c252d0cc97",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:45:52.345Z",
+ "updatedAt": "2024-03-18T16:46:02.514Z"
+ },
+ {
+ "id": "d0b5700d-a458-4099-8a03-30c1e83eef5c",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "deleteCustomer",
+ "parameters": {}
+ },
+ "sourceId": "d54d72cf-9ae1-4cc0-b595-b86c751958a0",
+ "target": "component",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:46:10.135Z",
+ "updatedAt": "2024-03-18T16:56:44.891Z"
+ },
+ {
+ "id": "ab05f21d-6c77-48fa-910b-fad69be7f0d3",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "ref": "Action2",
+ "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "show-modal",
+ "alertType": "info"
+ },
+ "sourceId": "53fb4eb4-c28d-4dca-9652-041a863f09e9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:48:05.586Z",
+ "updatedAt": "2024-03-18T16:49:59.422Z"
+ },
+ {
+ "id": "cc0824a6-6f8c-4b1c-8007-b8e68d46ea29",
+ "name": "onDataQuerySuccess",
+ "index": 0,
+ "event": {
+ "modal": "2d240192-b170-4134-bc1f-e16a3aeb1d85",
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "actionId": "close-modal",
+ "alertType": "info"
+ },
+ "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:55:09.161Z",
+ "updatedAt": "2024-03-18T16:55:17.710Z"
+ },
+ {
+ "id": "d8128c7a-63bb-4d3e-97cc-c2321d48bf33",
+ "name": "onDataQuerySuccess",
+ "index": 1,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Customer deleted successfully.",
+ "actionId": "show-alert",
+ "alertType": "success"
+ },
+ "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:55:20.007Z",
+ "updatedAt": "2024-03-18T16:55:39.617Z"
+ },
+ {
+ "id": "cccd8ca6-4c62-49f2-839e-787f0f405695",
+ "name": "onDataQuerySuccess",
+ "index": 2,
+ "event": {
+ "eventId": "onDataQuerySuccess",
+ "message": "Hello world!",
+ "queryId": "e31b31b0-7fca-468e-9d64-6f38bda9950a",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "listCustomers",
+ "parameters": {}
+ },
+ "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:55:41.648Z",
+ "updatedAt": "2024-03-18T16:55:48.701Z"
+ },
+ {
+ "id": "025ff150-9aeb-48ec-8171-6125b6826f6b",
+ "name": "onDataQueryFailure",
+ "index": 3,
+ "event": {
+ "eventId": "onDataQueryFailure",
+ "message": "Failed to delete customer! Please check and try again.",
+ "actionId": "show-alert",
+ "alertType": "info"
+ },
+ "sourceId": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "target": "data_query",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:55:51.621Z",
+ "updatedAt": "2024-03-18T16:56:16.929Z"
+ },
+ {
+ "id": "33027df5-623b-42f4-b91a-dad920830fda",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "deletedItemId",
+ "ref": "Action0",
+ "value": "{{components.table2.selectedRow.id}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-19T08:01:13.158Z",
+ "updatedAt": "2024-03-19T08:01:53.515Z"
+ },
+ {
+ "id": "d4cae0df-bd27-4e1e-a66b-d00339edc77b",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "ref": "Action0",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "c63326b1-fa1a-427b-bb89-2f7b3364196c",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "deleteItem",
+ "parameters": {}
+ },
+ "sourceId": "bafc0ba9-ac86-4f1d-8542-77fa0e182ec9",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-19T08:01:56.529Z",
+ "updatedAt": "2024-03-19T08:02:12.119Z"
+ },
+ {
+ "id": "28c2dd1f-acc9-4871-a679-02974baa9c2c",
+ "name": "onClick",
+ "index": 0,
+ "event": {
+ "key": "deletedItemId",
+ "ref": "Action0",
+ "value": "{{components.table3.selectedRow.id}}",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "actionId": "set-custom-variable",
+ "alertType": "info"
+ },
+ "sourceId": "f1cad135-d608-4c57-b668-f773e92e1b9e",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-19T08:02:25.197Z",
+ "updatedAt": "2024-03-19T08:02:52.376Z"
+ },
+ {
+ "id": "ccea8fdb-0bb8-4340-b296-9910244054fa",
+ "name": "onClick",
+ "index": 1,
+ "event": {
+ "ref": "Action0",
+ "eventId": "onClick",
+ "message": "Hello world!",
+ "queryId": "c63326b1-fa1a-427b-bb89-2f7b3364196c",
+ "actionId": "run-query",
+ "alertType": "info",
+ "queryName": "deleteItem",
+ "parameters": {}
+ },
+ "sourceId": "f1cad135-d608-4c57-b668-f773e92e1b9e",
+ "target": "table_action",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-19T08:02:53.918Z",
+ "updatedAt": "2024-03-19T08:03:02.581Z"
+ }
+ ],
+ "dataQueries": [
+ {
+ "id": "88b98f56-cd4a-4fa2-8517-00570c933931",
+ "name": "addItem",
+ "options": {
+ "code": "let items = variables.items;\n\nconst newItem = {\n ...variables.newItem,\n id: items.length,\n};\n\nitems.push(newItem);\n\nactions.setVariable(\"items\", items);",
+ "hasParamSupport": true,
+ "parameters": []
+ },
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:16:58.686Z",
+ "updatedAt": "2024-03-14T23:07:27.606Z"
+ },
+ {
+ "id": "dcf45221-847c-40cd-9029-86b9dfa1e552",
+ "name": "calculateSubtotal",
+ "options": {
+ "code": "const items = variables.items || [];\n\nlet subtotal = 0;\n\nitems.forEach((item) => {\n subtotal += item.quantity * item.cost;\n});\n\nreturn subtotal;",
+ "hasParamSupport": true,
+ "parameters": []
+ },
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:28:24.981Z",
+ "updatedAt": "2024-03-14T19:52:10.201Z"
+ },
+ {
+ "id": "31729b65-f760-4688-ac4f-80023eb603e3",
+ "name": "addCustomer",
+ "options": {
+ "operation": "create_row",
+ "transformationLanguage": "javascript",
+ "enableTransformation": false,
+ "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "join_table": {
+ "joins": [
+ {
+ "id": 1705927074461,
+ "conditions": {
+ "operator": "AND",
+ "conditionsList": [
+ {
+ "operator": "=",
+ "leftField": {
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ }
+ ]
+ },
+ "joinType": "INNER"
+ }
+ ],
+ "from": {
+ "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "type": "Table"
+ },
+ "fields": [
+ {
+ "name": "id",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "customer_name",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "email",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "items",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "subtotal",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "delivery",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "total_cost",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ ]
+ },
+ "list_rows": {},
+ "create_row": {
+ "0": {
+ "column": "customer_name",
+ "value": "{{components.textinput2.value}}"
+ },
+ "1": {
+ "column": "email",
+ "value": "{{components.textinput4.value}}"
+ },
+ "2": {
+ "column": "items",
+ "value": "{{JSON.stringify(variables.items.map(({id, ...item}) => ({...item})))}}"
+ },
+ "3": {
+ "column": "subtotal",
+ "value": "{{components.numberinput6.value}}"
+ },
+ "4": {
+ "column": "delivery",
+ "value": "{{components.numberinput3.value}}"
+ },
+ "1b9c9652-40c8-4410-96a6-431e8dbdc5b9": {
+ "column": "total_cost",
+ "value": "{{components.numberinput12.value}}"
+ }
+ }
+ },
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T12:37:43.828Z",
+ "updatedAt": "2024-05-03T07:25:22.389Z"
+ },
+ {
+ "id": "e31b31b0-7fca-468e-9d64-6f38bda9950a",
+ "name": "listCustomers",
+ "options": {
+ "operation": "list_rows",
+ "transformationLanguage": "javascript",
+ "enableTransformation": true,
+ "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "join_table": {
+ "joins": [
+ {
+ "id": 1705951827944,
+ "conditions": {
+ "operator": "AND",
+ "conditionsList": [
+ {
+ "operator": "=",
+ "leftField": {
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ }
+ ]
+ },
+ "joinType": "INNER"
+ }
+ ],
+ "from": {
+ "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "type": "Table"
+ },
+ "fields": [
+ {
+ "name": "id",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "customer_name",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "email",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "items",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "subtotal",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "delivery",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "total_cost",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ ]
+ },
+ "list_rows": {
+ "order_filters": {
+ "83d130df-a447-4626-9adc-00d0f28dd8e1": {
+ "column": "id",
+ "order": "desc",
+ "id": "83d130df-a447-4626-9adc-00d0f28dd8e1"
+ }
+ }
+ },
+ "transformation": "return data.map((row) => ({\n ...row,\n transformedItems: JSON.parse(row.items).map((item) =>\n Object.keys(item)\n .map((k) => `${k.toUpperCase()}: ${item[k]}`)\n .join(\", \")\n ),\n}));",
+ "runOnPageLoad": true
+ },
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T19:30:06.219Z",
+ "updatedAt": "2024-05-03T08:25:31.721Z"
+ },
+ {
+ "id": "64ec8fd8-aece-4f8f-95f3-5cdf772c9617",
+ "name": "updateCustomer",
+ "options": {
+ "operation": "update_rows",
+ "transformationLanguage": "javascript",
+ "enableTransformation": false,
+ "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "join_table": {
+ "joins": [
+ {
+ "id": 1705954010660,
+ "conditions": {
+ "operator": "AND",
+ "conditionsList": [
+ {
+ "operator": "=",
+ "leftField": {
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ }
+ ]
+ },
+ "joinType": "INNER"
+ }
+ ],
+ "from": {
+ "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "type": "Table"
+ },
+ "fields": [
+ {
+ "name": "id",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "customer_name",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "email",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "items",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "subtotal",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "delivery",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "total_cost",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ ]
+ },
+ "list_rows": {},
+ "update_rows": {
+ "columns": {
+ "0": {
+ "column": "customer_name",
+ "value": "{{components.textinput6.value}}"
+ },
+ "1": {
+ "column": "email",
+ "value": "{{components.textinput7.value}}"
+ },
+ "2": {
+ "column": "items",
+ "value": "{{JSON.stringify(variables.items.map(({id, ...item}) => ({...item})))}}"
+ },
+ "3": {
+ "column": "subtotal",
+ "value": "{{components.numberinput20.value}}"
+ },
+ "4": {
+ "column": "delivery",
+ "value": "{{components.numberinput19.value}}"
+ },
+ "1635412e-5a49-44d5-b9fc-58ffe188d9c3": {
+ "column": "total_cost",
+ "value": "{{components.numberinput21.value}}"
+ }
+ },
+ "where_filters": {
+ "8a7c6d00-f34d-45e2-b29f-99a2f941764f": {
+ "column": "id",
+ "operator": "eq",
+ "value": "{{components.table1.selectedRow.id}}",
+ "id": "8a7c6d00-f34d-45e2-b29f-99a2f941764f"
+ }
+ }
+ }
+ },
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-01-22T20:06:42.089Z",
+ "updatedAt": "2024-03-14T23:39:45.320Z"
+ },
+ {
+ "id": "c63326b1-fa1a-427b-bb89-2f7b3364196c",
+ "name": "deleteItem",
+ "options": {
+ "code": "let items = variables.items;\nconst deletedItemId = variables.deletedItemId;\n\nitems.splice(deletedItemId, 1);\nitems = items.map((item, i) => ({ ...item, id: i }));\n\nactions.setVariable(\"items\", items);",
+ "hasParamSupport": true,
+ "parameters": []
+ },
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-14T19:21:52.519Z",
+ "updatedAt": "2024-03-14T23:28:17.381Z"
+ },
+ {
+ "id": "f5e88aae-6462-4472-89f6-950f05f8739d",
+ "name": "deleteCustomer",
+ "options": {
+ "operation": "delete_rows",
+ "transformationLanguage": "javascript",
+ "enableTransformation": false,
+ "organization_id": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "table_id": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "join_table": {
+ "joins": [
+ {
+ "id": 1710780419332,
+ "conditions": {
+ "operator": "AND",
+ "conditionsList": [
+ {
+ "operator": "=",
+ "leftField": {
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ }
+ ]
+ },
+ "joinType": "INNER"
+ }
+ ],
+ "from": {
+ "name": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6",
+ "type": "Table"
+ },
+ "fields": [
+ {
+ "name": "id",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "customer_name",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "email",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "items",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "subtotal",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "delivery",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ },
+ {
+ "name": "total_cost",
+ "table": "7fdc48d2-6aee-47a8-8e6c-ab6a920a0fc6"
+ }
+ ]
+ },
+ "list_rows": {},
+ "delete_rows": {
+ "limit": 1,
+ "where_filters": {
+ "47e6df53-37d9-4e81-a45c-626f71082aa5": {
+ "column": "id",
+ "operator": "eq",
+ "value": "{{components.table1.selectedRow.id}}",
+ "id": "47e6df53-37d9-4e81-a45c-626f71082aa5"
+ }
+ }
+ }
+ },
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "createdAt": "2024-03-18T16:46:22.685Z",
+ "updatedAt": "2024-03-18T16:47:41.065Z"
+ }
+ ],
+ "dataSources": [
+ {
+ "id": "d326d99b-df3b-4af9-96c2-64be1cef7589",
+ "name": "restapidefault",
+ "kind": "restapi",
+ "type": "static",
+ "pluginId": null,
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "organizationId": null,
+ "scope": "local",
+ "createdAt": "2024-01-15T11:38:19.144Z",
+ "updatedAt": "2024-01-15T11:38:19.144Z"
+ },
+ {
+ "id": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "name": "runjsdefault",
+ "kind": "runjs",
+ "type": "static",
+ "pluginId": null,
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "organizationId": null,
+ "scope": "local",
+ "createdAt": "2024-01-15T11:38:19.175Z",
+ "updatedAt": "2024-01-15T11:38:19.175Z"
+ },
+ {
+ "id": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a",
+ "name": "runpydefault",
+ "kind": "runpy",
+ "type": "static",
+ "pluginId": null,
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "organizationId": null,
+ "scope": "local",
+ "createdAt": "2024-01-15T11:38:19.200Z",
+ "updatedAt": "2024-01-15T11:38:19.200Z"
+ },
+ {
+ "id": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "name": "tooljetdbdefault",
+ "kind": "tooljetdb",
+ "type": "static",
+ "pluginId": null,
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "organizationId": null,
+ "scope": "local",
+ "createdAt": "2024-01-15T11:38:19.213Z",
+ "updatedAt": "2024-01-15T11:38:19.213Z"
+ },
+ {
+ "id": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312",
+ "name": "workflowsdefault",
+ "kind": "workflows",
+ "type": "static",
+ "pluginId": null,
+ "appVersionId": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "organizationId": null,
+ "scope": "local",
+ "createdAt": "2024-01-15T11:38:19.227Z",
+ "updatedAt": "2024-01-15T11:38:19.227Z"
+ }
+ ],
+ "appVersions": [
+ {
+ "id": "f7e47a4f-dda8-488b-82e5-3ad78bc316c0",
+ "name": "v1",
+ "definition": {
+ "showViewerNavigation": false,
+ "homePageId": "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d",
+ "pages": {
+ "59b8aa7b-1efa-4fe1-8d19-0bbad6cc2f6d": {
+ "components": {
+ "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8": {
+ "id": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8",
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border Radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00",
+ "fxActive": false
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container1",
+ "displayName": "Container",
+ "description": "Wrapper for multiple components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 2.3255815595649167,
+ "width": 41,
+ "height": 70
+ }
+ }
+ },
+ "2ffcfde1-a46f-4ba3-ae53-7175af02060d": {
+ "id": "2ffcfde1-a46f-4ba3-ae53-7175af02060d",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font Weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text Decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text Transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font Style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line Height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text Indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter Spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word Spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font Variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text Size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff"
+ },
+ "textSize": {
+ "value": "{{24}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": "{{0}}"
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "B R A N D"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text1",
+ "displayName": "Text",
+ "description": "Display markdown or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 2.3255818774724633,
+ "width": 6,
+ "height": 40
+ }
+ },
+ "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
+ },
+ "7fafb271-b2fa-4321-a377-3e4a235c623c": {
+ "id": "7fafb271-b2fa-4321-a377-3e4a235c623c",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font Weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text Decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text Transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font Style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line Height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text Indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter Spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word Spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font Variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text Size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#ffffffff",
+ "fxActive": false
+ },
+ "textSize": {
+ "value": "{{20}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "SaaS Licence Management"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text2",
+ "displayName": "Text",
+ "description": "Display markdown or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 69.76744229792882,
+ "width": 12,
+ "height": 40
+ }
+ },
+ "parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
+ },
+ "72c19891-ab7b-4663-809c-e1fd15c82b22": {
+ "component": {
+ "properties": {
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container2",
+ "displayName": "Container",
+ "description": "Group components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 110,
+ "left": 2.3255813953488373,
+ "width": 27,
+ "height": 580
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "5b21c491-8540-4df4-bc56-5ef9b3d18da8": {
+ "id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "component": {
+ "properties": {
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "container3",
+ "displayName": "Container",
+ "description": "Group components",
+ "defaultSize": {
+ "width": 5,
+ "height": 200
+ },
+ "component": "Container",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 160,
+ "left": 67.44185810108917,
+ "width": 12.999999999999998,
+ "height": 530
+ }
+ }
+ },
+ "25b9f572-8cd7-48b3-b399-3ccb6c80f433": {
+ "component": {
+ "properties": {
+ "title": {
+ "type": "string",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "data": {
+ "type": "code",
+ "displayName": "Table data",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "object"
+ },
+ "optional": true
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "columns": {
+ "type": "array",
+ "displayName": "Table Columns"
+ },
+ "useDynamicColumn": {
+ "type": "toggle",
+ "displayName": "Use dynamic column",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "columnData": {
+ "type": "code",
+ "displayName": "Column data"
+ },
+ "rowsPerPage": {
+ "type": "code",
+ "displayName": "Number of rows per page",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "enableNextButton": {
+ "type": "toggle",
+ "displayName": "Enable next page button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "enabledSort": {
+ "type": "toggle",
+ "displayName": "Enable column sorting",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "hideColumnSelectorButton": {
+ "type": "toggle",
+ "displayName": "Hide column selector button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "enablePrevButton": {
+ "type": "toggle",
+ "displayName": "Enable previous page button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "totalRecords": {
+ "type": "code",
+ "displayName": "Total records server side",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "enablePagination": {
+ "type": "toggle",
+ "displayName": "Enable pagination",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "serverSidePagination": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ]
+ },
+ "serverSideSearch": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "serverSideSort": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ]
+ },
+ "serverSideFilter": {
+ "type": "clientServerSwitch",
+ "displayName": "Type",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ },
+ "options": [
+ {
+ "displayName": "Client side",
+ "value": "clientSide"
+ },
+ {
+ "displayName": "Server side",
+ "value": "serverSide"
+ }
+ ],
+ "defaultValue": "clientSide"
+ },
+ "actionButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "actionButtonTextColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "displaySearchBox": {
+ "type": "toggle",
+ "displayName": "Show search",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showDownloadButton": {
+ "type": "toggle",
+ "displayName": "Show download button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showFilterButton": {
+ "type": "toggle",
+ "displayName": "Enable filtering",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showBulkUpdateActions": {
+ "type": "toggle",
+ "displayName": "Show update buttons",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "allowSelection": {
+ "type": "toggle",
+ "displayName": "Allow selection",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "showBulkSelector": {
+ "type": "toggle",
+ "displayName": "Bulk selection",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "highlightSelectedRow": {
+ "type": "toggle",
+ "displayName": "Highlight selected row",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "defaultSelectedRow": {
+ "type": "code",
+ "displayName": "Default selected row",
+ "validation": {
+ "schema": {
+ "type": "object"
+ }
+ }
+ },
+ "showAddNewRowButton": {
+ "type": "toggle",
+ "displayName": "Show add new row button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop "
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onRowHovered": {
+ "displayName": "Row hovered"
+ },
+ "onRowClicked": {
+ "displayName": "Row clicked"
+ },
+ "onBulkUpdate": {
+ "displayName": "Save changes"
+ },
+ "onPageChanged": {
+ "displayName": "Page changed"
+ },
+ "onSearch": {
+ "displayName": "Search"
+ },
+ "onCancelChanges": {
+ "displayName": "Cancel changes"
+ },
+ "onSort": {
+ "displayName": "Sort applied"
+ },
+ "onCellValueChanged": {
+ "displayName": "Cell value changed"
+ },
+ "onFilterChanged": {
+ "displayName": "Filter changed"
+ },
+ "onNewRowsAdded": {
+ "displayName": "Add new rows"
+ }
+ },
+ "styles": {
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "actionButtonRadius": {
+ "type": "code",
+ "displayName": "Action button radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "tableType": {
+ "type": "select",
+ "displayName": "Table type",
+ "options": [
+ {
+ "name": "Bordered",
+ "value": "table-bordered"
+ },
+ {
+ "name": "Regular",
+ "value": "table-classic"
+ },
+ {
+ "name": "Striped",
+ "value": "table-striped"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "cellSize": {
+ "type": "select",
+ "displayName": "Cell size",
+ "options": [
+ {
+ "name": "Condensed",
+ "value": "condensed"
+ },
+ {
+ "name": "Regular",
+ "value": "regular"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "textColor": {
+ "value": "#000"
+ },
+ "actionButtonRadius": {
+ "value": "50"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "cellSize": {
+ "value": "regular"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "tableType": {
+ "value": "table-classic"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Table"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}",
+ "fxActive": true
+ },
+ "data": {
+ "value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}"
+ },
+ "useDynamicColumn": {
+ "value": "{{false}}"
+ },
+ "columnData": {
+ "value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
+ },
+ "rowsPerPage": {
+ "value": "{{10}}"
+ },
+ "serverSidePagination": {
+ "value": "{{false}}"
+ },
+ "enableNextButton": {
+ "value": "{{true}}"
+ },
+ "enablePrevButton": {
+ "value": "{{true}}"
+ },
+ "totalRecords": {
+ "value": ""
+ },
+ "enablePagination": {
+ "value": "{{true}}"
+ },
+ "serverSideSort": {
+ "value": "{{false}}"
+ },
+ "serverSideFilter": {
+ "value": "{{false}}"
+ },
+ "displaySearchBox": {
+ "value": "{{true}}"
+ },
+ "showDownloadButton": {
+ "value": "{{true}}"
+ },
+ "showFilterButton": {
+ "value": "{{true}}"
+ },
+ "autogenerateColumns": {
+ "value": true,
+ "generateNestedColumns": true
+ },
+ "columns": {
+ "value": [
+ {
+ "name": "id",
+ "id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
+ "autogenerated": true
+ },
+ {
+ "id": "28f5b628-749e-493a-b307-63cdcc071a7f",
+ "name": "Software name",
+ "key": "promo_code",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8",
+ "name": "License key",
+ "key": "discount_value",
+ "columnType": "string",
+ "autogenerated": true
+ },
+ {
+ "id": "66211b00-fdfe-4ee4-b656-02275a663665",
+ "name": "Assigned to",
+ "key": "free_shipping",
+ "columnType": "default",
+ "autogenerated": true,
+ "values": "{{[true, false]}}",
+ "labels": "{{[\"Yes\", \"No\"]}}",
+ "activeColor": "#3e63ddff",
+ "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}"
+ },
+ {
+ "name": "Email",
+ "id": "88ec5235-60be-4841-a5a6-a08e342b34b8",
+ "columnType": "string"
+ },
+ {
+ "name": "Type of license",
+ "id": "688e46f7-d1ca-47b1-a4c5-5dde335297e0",
+ "columnType": "dropdown",
+ "values": "{{[1,2]}}",
+ "labels": "{{[\"Individual\", \"Team\"]}}",
+ "isEditable": "{{true}}"
+ },
+ {
+ "name": "Valid till",
+ "id": "192cbdd7-f847-4ed6-b19a-464ffad1f034",
+ "columnType": "datepicker",
+ "isTimeChecked": false,
+ "dateFormat": "DD/MM/YYYY",
+ "parseDateFormat": "DD/MM/YYYY"
+ },
+ {
+ "name": "Status",
+ "id": "4d7352bc-e4d7-4471-b892-4e5ee73a9e9c"
+ },
+ {
+ "name": "Notes",
+ "id": "087dd50a-c6e9-47f1-b958-4d37f58b0972"
+ }
+ ]
+ },
+ "showBulkUpdateActions": {
+ "value": "{{false}}"
+ },
+ "showBulkSelector": {
+ "value": "{{false}}"
+ },
+ "highlightSelectedRow": {
+ "value": "{{false}}"
+ },
+ "columnSizes": {
+ "value": {
+ "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 15,
+ "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 105,
+ "28f5b628-749e-493a-b307-63cdcc071a7f": 139,
+ "66211b00-fdfe-4ee4-b656-02275a663665": 0
+ }
+ },
+ "actions": {
+ "value": [
+ {
+ "name": "Action0",
+ "buttonText": "Copy license key",
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "show-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ }
+ ],
+ "position": "right"
+ }
+ ]
+ },
+ "enabledSort": {
+ "value": "{{true}}"
+ },
+ "hideColumnSelectorButton": {
+ "value": "{{false}}"
+ },
+ "defaultSelectedRow": {
+ "value": "{{{\"id\":1}}}"
+ },
+ "showAddNewRowButton": {
+ "value": "{{false}}"
+ },
+ "allowSelection": {
+ "value": "{{false}}"
+ },
+ "columnDeletionHistory": {
+ "value": [
+ "discount_type",
+ "amount",
+ "minimum_spend",
+ "maximum_spend",
+ "created_at",
+ "valid_till",
+ "updated_at",
+ "updated_at",
+ "free_shipping_bool",
+ "Purchase date"
+ ]
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "table1",
+ "displayName": "Table",
+ "description": "Display paginated tabular data",
+ "component": "Table",
+ "defaultSize": {
+ "width": 28.86,
+ "height": 456
+ },
+ "exposedVariables": {
+ "selectedRow": {},
+ "changeSet": {},
+ "dataUpdates": [],
+ "pageIndex": 1,
+ "searchText": "",
+ "selectedRows": [],
+ "filters": []
+ },
+ "actions": [
+ {
+ "handle": "setPage",
+ "displayName": "Set page",
+ "params": [
+ {
+ "handle": "page",
+ "displayName": "Page",
+ "defaultValue": "{{1}}"
+ }
+ ]
+ },
+ {
+ "handle": "selectRow",
+ "displayName": "Select row",
+ "params": [
+ {
+ "handle": "key",
+ "displayName": "Key"
+ },
+ {
+ "handle": "value",
+ "displayName": "Value"
+ }
+ ]
+ },
+ {
+ "handle": "deselectRow",
+ "displayName": "Deselect row"
+ },
+ {
+ "handle": "discardChanges",
+ "displayName": "Discard Changes"
+ },
+ {
+ "handle": "discardNewlyAddedRows",
+ "displayName": "Discard newly added rows"
+ },
+ {
+ "displayName": "Download table data",
+ "handle": "downloadTableData",
+ "params": [
+ {
+ "handle": "type",
+ "displayName": "Type",
+ "options": [
+ {
+ "name": "Download as Excel",
+ "value": "xlsx"
+ },
+ {
+ "name": "Download as CSV",
+ "value": "csv"
+ },
+ {
+ "name": "Download as PDF",
+ "value": "pdf"
+ }
+ ],
+ "defaultValue": "{{Download as Excel}}",
+ "type": "select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 76,
+ "left": 4.651169700317449,
+ "width": 39,
+ "height": 470
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "792c10c1-cf06-477b-98bd-d0aa13449910": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{\"active\"}}"
+ },
+ "values": {
+ "value": "{{[\"active\", \"Expired\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Active\", \"Expired\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select an option"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown1",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 69.76743327394556,
+ "width": 11.000000000000002,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "61a46182-92c6-49c4-9238-9681dd264a9c": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Licenses available:"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text3",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
+ "layouts": {
+ "desktop": {
+ "top": 20,
+ "left": 4.6511631854108115,
+ "width": 14.000000000000002,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "58c73cbf-18df-4306-b27a-a2d01c568fb8": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "show-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Add License"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button1",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 110,
+ "left": 67.44185600071516,
+ "width": 12.999999999999998,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "e16f682b-0368-499a-9232-6b63e1413a91": {
+ "component": {
+ "properties": {
+ "title": {
+ "type": "code",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "useDefaultButton": {
+ "type": "toggle",
+ "displayName": "Use default trigger button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "triggerButtonLabel": {
+ "type": "code",
+ "displayName": "Trigger button label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "hideTitleBar": {
+ "type": "toggle",
+ "displayName": "Hide title bar"
+ },
+ "hideCloseButton": {
+ "type": "toggle",
+ "displayName": "Hide close button"
+ },
+ "hideOnEsc": {
+ "type": "toggle",
+ "displayName": "Close on escape key"
+ },
+ "closeOnClickingOutside": {
+ "type": "toggle",
+ "displayName": "Close on clicking outside"
+ },
+ "size": {
+ "type": "select",
+ "displayName": "Modal size",
+ "options": [
+ {
+ "name": "small",
+ "value": "sm"
+ },
+ {
+ "name": "medium",
+ "value": "lg"
+ },
+ {
+ "name": "large",
+ "value": "xl"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "modalHeight": {
+ "type": "code",
+ "displayName": "Modal height",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onOpen": {
+ "displayName": "On open"
+ },
+ "onClose": {
+ "displayName": "On close"
+ }
+ },
+ "styles": {
+ "headerBackgroundColor": {
+ "type": "color",
+ "displayName": "Header background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "headerTextColor": {
+ "type": "color",
+ "displayName": "Header title color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "bodyBackgroundColor": {
+ "type": "color",
+ "displayName": "Body background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "triggerButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Trigger button background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "triggerButtonTextColor": {
+ "type": "color",
+ "displayName": "Trigger button text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ },
+ "bodyBackgroundColor": {
+ "value": "#ffffffff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "triggerButtonBackgroundColor": {
+ "value": "#4D72FA"
+ },
+ "triggerButtonTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Create Promo Code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "triggerButtonLabel": {
+ "value": "Launch Modal"
+ },
+ "size": {
+ "value": "lg"
+ },
+ "hideTitleBar": {
+ "value": "{{false}}"
+ },
+ "hideCloseButton": {
+ "value": "{{false}}"
+ },
+ "hideOnEsc": {
+ "value": "{{true}}"
+ },
+ "closeOnClickingOutside": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "540px"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "modal1",
+ "displayName": "Modal",
+ "description": "Show pop-up windows",
+ "component": "Modal",
+ "defaultSize": {
+ "width": 10,
+ "height": 34
+ },
+ "exposedVariables": {
+ "show": false
+ },
+ "actions": [
+ {
+ "handle": "open",
+ "displayName": "Open"
+ },
+ {
+ "handle": "close",
+ "displayName": "Close"
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 730,
+ "left": 2.3255813953488373,
+ "width": 6,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "cd50a657-b4a7-4263-9125-5fb9185422f1": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.table1.selectedRow.id == undefined ? \"Select a license to view details\" : \"Promo code details:\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text4",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 10,
+ "left": 4.651170456181344,
+ "width": 38,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ad9066eb-e46c-4474-bcb5-f72e4263db60": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "SOFTWARE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text5",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 50,
+ "left": 4.6511518558148035,
+ "width": 18,
+ "height": 30
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "afce716e-3d80-4c37-a0ae-a230307a89ff": {
+ "id": "afce716e-3d80-4c37-a0ae-a230307a89ff",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "ASSIGNED TO :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text6",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651170566837932,
+ "width": 15.000000000000002,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "8f2dcd6a-829c-44e8-8014-6de63bed413f": {
+ "id": "8f2dcd6a-829c-44e8-8014-6de63bed413f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "EMAIL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text7",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 150,
+ "left": 4.651149602444274,
+ "width": 14,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": {
+ "id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text8",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 200,
+ "left": 4.6511784536347704,
+ "width": 12.999999999999998,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "d396afee-afeb-4f6b-9fe6-f91544b7c566": {
+ "id": "d396afee-afeb-4f6b-9fe6-f91544b7c566",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "TYPE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text9",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 250,
+ "left": 4.651168092154227,
+ "width": 12,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "aa458399-940f-4373-88af-ef9b30727bb0": {
+ "id": "aa458399-940f-4373-88af-ef9b30727bb0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "NOTES :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text10",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 360,
+ "left": 4.651201681458636,
+ "width": 12.999999999999998,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "795cd997-1cd5-4a87-a221-fa605c3baa06": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Adobe Photoshop"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text23",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 50,
+ "left": 41.86046511627907,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "7e51ca19-d1ad-42b7-9939-eba56e2139f4": {
+ "id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Nechal Maggon"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text24",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 41.86046511627907,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": {
+ "id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "nechalmaggon@gmail.com"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text25",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 150,
+ "left": 41.86047492447669,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "cdcf3874-788e-49a3-8101-33a0d9710f99": {
+ "id": "cdcf3874-788e-49a3-8101-33a0d9710f99",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "01/07/2024"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text26",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 200,
+ "left": 41.86046984433331,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "e3a7589d-f336-4b85-ae69-a0e1dc757c63": {
+ "id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Team"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text27",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 250,
+ "left": 41.8604780832193,
+ "width": 22.000000000000004,
+ "height": 30
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "f989e765-4231-4a4e-9bb0-87edf4ad9c7f": {
+ "id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "PROMO CODE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text31",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "cdeddc9c-5023-4048-80ce-9bc01663cef9": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ },
+ "onEnterPressed": {
+ "displayName": "On Enter Pressed"
+ },
+ "onFocus": {
+ "displayName": "On focus"
+ },
+ "onBlur": {
+ "displayName": "On blur"
+ }
+ },
+ "styles": {
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "errTextColor": {
+ "type": "color",
+ "displayName": "Error text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "textColor": {
+ "value": "#000"
+ },
+ "borderColor": {
+ "value": "#dadcde"
+ },
+ "errTextColor": {
+ "value": "#ff0000"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "backgroundColor": {
+ "value": "#fff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "regex": {
+ "value": ""
+ },
+ "minLength": {
+ "value": null
+ },
+ "maxLength": {
+ "value": null
+ },
+ "customRule": {
+ "value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": ""
+ },
+ "placeholder": {
+ "value": "Enter promo code"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "textinput1",
+ "displayName": "Text Input",
+ "description": "User text input field",
+ "component": "TextInput",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "validation": {
+ "regex": {
+ "type": "code",
+ "displayName": "Regex"
+ },
+ "minLength": {
+ "type": "code",
+ "displayName": "Min length"
+ },
+ "maxLength": {
+ "type": "code",
+ "displayName": "Max length"
+ },
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "clear",
+ "displayName": "Clear"
+ },
+ {
+ "handle": "setFocus",
+ "displayName": "Set focus"
+ },
+ {
+ "handle": "setBlur",
+ "displayName": "Set blur"
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 25.581395346098788,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "380b4870-818e-440f-806a-dc9ae5e1e6a3": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Generate code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button2",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 65.11629528111348,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": {
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image1",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 90.69767122377431,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "b01f0cad-7de7-47ae-ae40-82ab305e2d12": {
+ "id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "DISCOUNT :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text32",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651162506266984,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "9245395b-3876-4734-acc0-6582dd57870e": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onSelect",
+ "actionId": "control-component",
+ "message": "Hello world!",
+ "alertType": "info"
+ }
+ ],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "percent"
+ },
+ "values": {
+ "value": "{{[\"percent\", \"fixed\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select a discount type"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown4",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 25.58139595221208,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ce2797f3-e593-4259-abb8-ce6785a845d1": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}"
+ },
+ "maxValue": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}"
+ },
+ "minValue": {
+ "value": "1"
+ },
+ "placeholder": {
+ "value": "0"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput3",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 65.11625539117162,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ce888918-f6cd-428d-9968-a67ff29b4e75": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "center"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text34",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 90.69767485756182,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "38daeae7-7a68-42b2-9bca-1067868eb83a": {
+ "id": "38daeae7-7a68-42b2-9bca-1067868eb83a",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MINIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text33",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 4.651162932854896,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "055d88a5-d62a-4848-afc9-d2b7e51847d0": {
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown5",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 25.581418019395514,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "ed7b0be3-f412-4f8a-82de-603d887ee06f": {
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "99999"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput4.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput4",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 65.11627782060043,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "5f60b7a2-675f-4e6c-8861-c4ab363cae3b": {
+ "id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text35",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 60.46511827264033,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "e26de292-20fa-45cd-ae48-51d3dc1b980f": {
+ "id": "e26de292-20fa-45cd-ae48-51d3dc1b980f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MAXIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text36",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": {
+ "id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown6",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 25.58138499611037,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "6b75036b-a0ae-486e-9adb-1ef35d5382b5": {
+ "id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text37",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 60.46511069707219,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "6eca96f9-5602-4199-88f0-36a8b302bc35": {
+ "id": "6eca96f9-5602-4199-88f0-36a8b302bc35",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}",
+ "fxActive": true
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "100000"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput4.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": ""
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "numberinput5",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 65.11626117041483,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "4c6b810b-9d09-4121-9026-c3b1fb717302": {
+ "id": "4c6b810b-9d09-4121-9026-c3b1fb717302",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "FREE SHIPPING :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text38",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.6511615510529305,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "74bf5455-9aef-419a-b83f-1892edb4e2b3": {
+ "id": "74bf5455-9aef-419a-b83f-1892edb4e2b3",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{false}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"No\", \"Yes\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown7",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 25.581389164325977,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": {
+ "id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text39",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "4b50dcfd-cf36-44af-87fa-ee05a8112fbb": {
+ "component": {
+ "properties": {
+ "defaultValue": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "format": {
+ "type": "code",
+ "displayName": "Format",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "enableTime": {
+ "type": "toggle",
+ "displayName": "Enable time selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "enableDate": {
+ "type": "toggle",
+ "displayName": "Enable date selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "disabledDates": {
+ "type": "code",
+ "displayName": "Disabled dates",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
+ }
+ },
+ "properties": {
+ "defaultValue": {
+ "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
+ },
+ "format": {
+ "value": "DD/MM/YYYY"
+ },
+ "enableTime": {
+ "value": "{{false}}"
+ },
+ "enableDate": {
+ "value": "{{true}}"
+ },
+ "disabledDates": {
+ "value": "{{[]}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "datepicker1",
+ "displayName": "Date Picker",
+ "description": "Choose date and time",
+ "component": "Datepicker",
+ "defaultSize": {
+ "width": 5,
+ "height": 30
+ },
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 25.581393180600156,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "4ad7daef-6186-47cf-b759-8c35d2e77cfa": {
+ "id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image2",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 58.139524728971374,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": {
+ "id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
+ "fxActive": true
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Maximum spend should be greater than or equal to Minimum spend"
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image3",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 90.69767030875896,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "199a8791-16ab-4bb5-90b8-c320e4b6e6c5": {
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "dividerColor": {
+ "type": "color",
+ "displayName": "Divider color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {},
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "divider3",
+ "displayName": "Divider",
+ "description": "Separator between components",
+ "component": "Divider",
+ "defaultSize": {
+ "width": 10,
+ "height": 10
+ },
+ "exposedVariables": {
+ "value": {}
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 440,
+ "left": 2.3255811419964743,
+ "width": 41,
+ "height": 10
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "670170a2-52be-4deb-a897-ac6bf33c5ada": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "a6c68044-a67b-476e-ab8f-84e0ceda3e78",
+ "queryName": "createPromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "textColor": {
+ "value": "#fff"
+ },
+ "loaderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Create"
+ },
+ "loadingState": {
+ "value": "{{queries.createPromoCode.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button3",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 79.06975049651071,
+ "width": 7.000000000000001,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "b0afdbe3-5c29-40be-a70f-08458617c01f": {
+ "id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "close-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button4",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.465109099446764,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
+ },
+ "e7a57306-3d46-41e2-b240-2fc6b5f20226": {
+ "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
+ "component": {
+ "properties": {
+ "title": {
+ "type": "code",
+ "displayName": "Title",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "useDefaultButton": {
+ "type": "toggle",
+ "displayName": "Use default trigger button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "triggerButtonLabel": {
+ "type": "code",
+ "displayName": "Trigger button label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "hideTitleBar": {
+ "type": "toggle",
+ "displayName": "Hide title bar"
+ },
+ "hideCloseButton": {
+ "type": "toggle",
+ "displayName": "Hide close button"
+ },
+ "hideOnEsc": {
+ "type": "toggle",
+ "displayName": "Close on escape key"
+ },
+ "closeOnClickingOutside": {
+ "type": "toggle",
+ "displayName": "Close on clicking outside"
+ },
+ "size": {
+ "type": "select",
+ "displayName": "Modal size",
+ "options": [
+ {
+ "name": "small",
+ "value": "sm"
+ },
+ {
+ "name": "medium",
+ "value": "lg"
+ },
+ {
+ "name": "large",
+ "value": "xl"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "modalHeight": {
+ "type": "code",
+ "displayName": "Modal height",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onOpen": {
+ "displayName": "On open"
+ },
+ "onClose": {
+ "displayName": "On close"
+ }
+ },
+ "styles": {
+ "headerBackgroundColor": {
+ "type": "color",
+ "displayName": "Header background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "headerTextColor": {
+ "type": "color",
+ "displayName": "Header title color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "bodyBackgroundColor": {
+ "type": "color",
+ "displayName": "Body background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "triggerButtonBackgroundColor": {
+ "type": "color",
+ "displayName": "Trigger button background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "triggerButtonTextColor": {
+ "type": "color",
+ "displayName": "Trigger button text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "headerBackgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "headerTextColor": {
+ "value": "#ffffffff"
+ },
+ "bodyBackgroundColor": {
+ "value": "#ffffffff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "triggerButtonBackgroundColor": {
+ "value": "#4D72FA"
+ },
+ "triggerButtonTextColor": {
+ "value": "#ffffffff"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "title": {
+ "value": "Edit Promo Code"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "useDefaultButton": {
+ "value": "{{false}}"
+ },
+ "triggerButtonLabel": {
+ "value": "Launch Modal"
+ },
+ "size": {
+ "value": "lg"
+ },
+ "hideTitleBar": {
+ "value": "{{false}}"
+ },
+ "hideCloseButton": {
+ "value": "{{false}}"
+ },
+ "hideOnEsc": {
+ "value": "{{true}}"
+ },
+ "closeOnClickingOutside": {
+ "value": "{{false}}"
+ },
+ "modalHeight": {
+ "value": "540px"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "modal2",
+ "displayName": "Modal",
+ "description": "Show pop-up windows",
+ "component": "Modal",
+ "defaultSize": {
+ "width": 10,
+ "height": 34
+ },
+ "exposedVariables": {
+ "show": false
+ },
+ "actions": [
+ {
+ "handle": "open",
+ "displayName": "Open"
+ },
+ {
+ "handle": "close",
+ "displayName": "Close"
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 730,
+ "left": 18.604656027099054,
+ "width": 6,
+ "height": 40
+ }
+ }
+ },
+ "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
+ "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "PROMO CODE :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text40",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 4.651162790697675,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
+ "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "DISCOUNT :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text41",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 4.651162506266984,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
+ "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onSelect",
+ "actionId": "control-component",
+ "message": "Hello world!",
+ "alertType": "info"
+ }
+ ],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.discount_type}}"
+ },
+ "values": {
+ "value": "{{[\"percent\", \"fixed\"]}}"
+ },
+ "display_values": {
+ "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select a discount type"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown8",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 25.581393521814153,
+ "width": 17,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
+ "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.table1.selectedRow.amount}}"
+ },
+ "maxValue": {
+ "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
+ },
+ "minValue": {
+ "value": "1"
+ },
+ "placeholder": {
+ "value": "0"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput6",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 65.11626481525688,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "6c953707-f69d-47a9-9015-a582ed609bcd": {
+ "id": "6c953707-f69d-47a9-9015-a582ed609bcd",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "center"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text42",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 100,
+ "left": 90.69767764424473,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "56139e54-501c-4951-a060-fa0d180ed6ad": {
+ "id": "56139e54-501c-4951-a060-fa0d180ed6ad",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MINIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text43",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 4.651162932854896,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
+ "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.minimum_spend != null}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown9",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 25.581401911408808,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "30c53546-7857-44c3-be96-70c1662df2d4": {
+ "id": "30c53546-7857-44c3-be96-70c1662df2d4",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown9.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "99999"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput7.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "numberinput7",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 65.11628599331276,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "061db4d4-a8f2-40aa-9ce8-427390417bf0": {
+ "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown5.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text44",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 170,
+ "left": 60.46511827264033,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "9d58477b-50cd-4b84-8dd6-1231570d0774": {
+ "id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "MAXIMUM SPEND :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text45",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "8529396e-2c59-437e-a014-3a3033c49d80": {
+ "id": "8529396e-2c59-437e-a014-3a3033c49d80",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.maximum_spend != null}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"Disable\", \"Enable\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown10",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 25.58137657187239,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
+ "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000",
+ "fxActive": false
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{18}}"
+ },
+ "textAlign": {
+ "value": "right"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown6.value}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "$ "
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text46",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 60.46511069707219,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "1749184e-e330-4679-a3d4-671ce372274f": {
+ "id": "1749184e-e330-4679-a3d4-671ce372274f",
+ "component": {
+ "properties": {
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "minValue": {
+ "type": "code",
+ "displayName": "Minimum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "maxValue": {
+ "type": "code",
+ "displayName": "Maximum value",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "decimalPlaces": {
+ "type": "code",
+ "displayName": "Decimal places",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onChange": {
+ "displayName": "On change"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background Color"
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{!components.dropdown10.value}}",
+ "fxActive": true
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "backgroundColor": {
+ "value": "",
+ "fxActive": false
+ },
+ "borderColor": {
+ "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
+ "fxActive": true
+ },
+ "textColor": {
+ "value": "#232e3c"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "value": {
+ "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
+ },
+ "maxValue": {
+ "value": "100000"
+ },
+ "minValue": {
+ "value": "0"
+ },
+ "placeholder": {
+ "value": "{{components.numberinput8.value}}"
+ },
+ "decimalPlaces": {
+ "value": "{{2}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": ""
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "numberinput8",
+ "displayName": "Number Input",
+ "description": "Numeric input field",
+ "component": "NumberInput",
+ "defaultSize": {
+ "width": 4,
+ "height": 30
+ },
+ "exposedVariables": {
+ "value": 99
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 65.11629197312911,
+ "width": 10,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "19d354ef-63f7-4c85-a641-115769247cc0": {
+ "id": "19d354ef-63f7-4c85-a641-115769247cc0",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "FREE SHIPPING :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text47",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.6511615510529305,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "12059aed-6846-44d9-8d8d-98003036ef2b": {
+ "id": "12059aed-6846-44d9-8d8d-98003036ef2b",
+ "component": {
+ "properties": {
+ "label": {
+ "type": "code",
+ "displayName": "Label",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "placeholder": {
+ "type": "code",
+ "displayName": "Placeholder",
+ "validation": {
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "advanced": {
+ "type": "toggle",
+ "displayName": "Advanced",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "value": {
+ "type": "code",
+ "displayName": "Default value",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ },
+ "values": {
+ "type": "code",
+ "displayName": "Option values",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "display_values": {
+ "type": "code",
+ "displayName": "Option labels",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": false
+ },
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ },
+ {
+ "type": "boolean"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "schema": {
+ "type": "code",
+ "displayName": "Schema",
+ "conditionallyRender": {
+ "key": "advanced",
+ "value": true
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Options loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ },
+ "onSearchTextChanged": {
+ "displayName": "On search text changed"
+ }
+ },
+ "styles": {
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "number"
+ },
+ {
+ "type": "string"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "selectedTextColor": {
+ "type": "color",
+ "displayName": "Selected Text Color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "justifyContent": {
+ "type": "alignButtons",
+ "displayName": "Align Text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderRadius": {
+ "value": "5"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "justifyContent": {
+ "value": "left"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": null
+ }
+ },
+ "properties": {
+ "advanced": {
+ "value": "{{false}}"
+ },
+ "schema": {
+ "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
+ },
+ "label": {
+ "value": ""
+ },
+ "value": {
+ "value": "{{components.table1.selectedRow.free_shipping_bool}}"
+ },
+ "values": {
+ "value": "{{[false, true]}}"
+ },
+ "display_values": {
+ "value": "{{[\"No\", \"Yes\"]}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "placeholder": {
+ "value": "Select value"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "dropdown11",
+ "displayName": "Dropdown",
+ "description": "Single item selector",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "component": "DropDown",
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": 2,
+ "searchText": "",
+ "label": "Select",
+ "optionLabels": [
+ "one",
+ "two",
+ "three"
+ ],
+ "selectedOptionLabel": "two"
+ },
+ "actions": [
+ {
+ "handle": "selectOption",
+ "displayName": "Select option",
+ "params": [
+ {
+ "handle": "select",
+ "displayName": "Select"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 25.581399583203897,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "fb524a89-e03b-433a-8a94-f61ebd99bd36": {
+ "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "VALID TILL :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text48",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 4.651161793912395,
+ "width": 9,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "41d423dd-e348-4684-a835-b3dc56be730c": {
+ "id": "41d423dd-e348-4684-a835-b3dc56be730c",
+ "component": {
+ "properties": {
+ "defaultValue": {
+ "type": "code",
+ "displayName": "Default value",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "format": {
+ "type": "code",
+ "displayName": "Format",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "enableTime": {
+ "type": "toggle",
+ "displayName": "Enable time selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "enableDate": {
+ "type": "toggle",
+ "displayName": "Enable date selection?",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": true
+ }
+ },
+ "disabledDates": {
+ "type": "code",
+ "displayName": "Disabled dates",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onSelect": {
+ "displayName": "On select"
+ }
+ },
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "borderRadius": {
+ "type": "code",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "validation": {
+ "customRule": {
+ "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
+ }
+ },
+ "properties": {
+ "defaultValue": {
+ "value": "{{components.table1.selectedRow.valid_till}}"
+ },
+ "format": {
+ "value": "DD/MM/YYYY"
+ },
+ "enableTime": {
+ "value": "{{false}}"
+ },
+ "enableDate": {
+ "value": "{{true}}"
+ },
+ "disabledDates": {
+ "value": "{{[]}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "datepicker2",
+ "displayName": "Date Picker",
+ "description": "Choose date and time",
+ "component": "Datepicker",
+ "defaultSize": {
+ "width": 5,
+ "height": 30
+ },
+ "validation": {
+ "customRule": {
+ "type": "code",
+ "displayName": "Custom validation"
+ }
+ },
+ "exposedVariables": {
+ "value": ""
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 25.58139095173029,
+ "width": 13,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
+ "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image5",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 380,
+ "left": 58.13952912432483,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ca410b25-e7b7-413f-a01e-cccf62efa204": {
+ "id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
+ "component": {
+ "properties": {
+ "source": {
+ "type": "code",
+ "displayName": "URL",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "alternativeText": {
+ "type": "code",
+ "displayName": "Alternative text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "zoomButtons": {
+ "type": "toggle",
+ "displayName": "Zoom button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "rotateButton": {
+ "type": "toggle",
+ "displayName": "Rotate button",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ }
+ },
+ "styles": {
+ "borderType": {
+ "type": "select",
+ "displayName": "Border type",
+ "options": [
+ {
+ "name": "None",
+ "value": "none"
+ },
+ {
+ "name": "Rounded",
+ "value": "rounded"
+ },
+ {
+ "name": "Circle",
+ "value": "rounded-circle"
+ },
+ {
+ "name": "Thumbnail",
+ "value": "img-thumbnail"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "padding": {
+ "type": "code",
+ "displayName": "Padding",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "imageFit": {
+ "type": "select",
+ "displayName": "Image fit",
+ "options": [
+ {
+ "name": "fill",
+ "value": "fill"
+ },
+ {
+ "name": "contain",
+ "value": "contain"
+ },
+ {
+ "name": "cover",
+ "value": "cover"
+ },
+ {
+ "name": "scale-down",
+ "value": "scale-down"
+ }
+ ],
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "borderType": {
+ "value": "none"
+ },
+ "padding": {
+ "value": "0"
+ },
+ "visibility": {
+ "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
+ "fxActive": true
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ },
+ "imageFit": {
+ "value": "contain"
+ },
+ "backgroundColor": {
+ "value": ""
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "source": {
+ "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
+ },
+ "visible": {
+ "value": "{{true}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ },
+ "alternativeText": {
+ "value": ""
+ },
+ "zoomButtons": {
+ "value": "{{false}}"
+ },
+ "rotateButton": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {
+ "tooltip": {
+ "value": "Maximum spend should be greater than or equal to Minimum spend"
+ }
+ },
+ "exposedVariables": {}
+ },
+ "name": "image6",
+ "displayName": "Image",
+ "description": "Show image files",
+ "defaultSize": {
+ "width": 3,
+ "height": 100
+ },
+ "component": "Image",
+ "exposedVariables": {}
+ },
+ "layouts": {
+ "desktop": {
+ "top": 240,
+ "left": 90.69766853643817,
+ "width": 2,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "798a2874-8880-410d-86ca-8466e7a7f53f": {
+ "id": "798a2874-8880-410d-86ca-8466e7a7f53f",
+ "component": {
+ "properties": {},
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "dividerColor": {
+ "type": "color",
+ "displayName": "Divider color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "dividerColor": {
+ "value": "#8888884d"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {},
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "divider4",
+ "displayName": "Divider",
+ "description": "Separator between components",
+ "component": "Divider",
+ "defaultSize": {
+ "width": 10,
+ "height": 10
+ },
+ "exposedVariables": {
+ "value": {}
+ }
+ },
+ "layouts": {
+ "desktop": {
+ "top": 440,
+ "left": 2.3255811419964743,
+ "width": 41,
+ "height": 10
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "ec924236-9797-491e-bca5-6fab6711f2da": {
+ "id": "ec924236-9797-491e-bca5-6fab6711f2da",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "f5071a1f-7f38-4134-bd5e-e4b88589c7ed",
+ "queryName": "updatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63ddff"
+ },
+ "textColor": {
+ "value": "#fff"
+ },
+ "loaderColor": {
+ "value": "#fff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
+ "fxActive": true
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Save"
+ },
+ "loadingState": {
+ "value": "{{queries.updatePromoCode.isLoading}}",
+ "fxActive": true
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button6",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 79.0697419241573,
+ "width": 7.000000000000001,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "cb71d470-0254-4fa8-92d9-735a91f5f66e": {
+ "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "close-modal",
+ "message": "Hello world!",
+ "alertType": "info",
+ "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Cancel"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button7",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.46510115735242,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
+ },
+ "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#8888881a"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": "{{16}}"
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": " {{components.table1.selectedRow.promo_code}}"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text49",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
+ "layouts": {
+ "desktop": {
+ "top": 30,
+ "left": 25.58139644141283,
+ "width": 30,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "1b3da9cb-122f-40a7-a348-3c5e6d179640": {
+ "id": "1b3da9cb-122f-40a7-a348-3c5e6d179640",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "normal"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "3 workspaces \nSSO enabled \n20Gb storage"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text50",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 360,
+ "left": 41.86046951236355,
+ "width": 22.000000000000004,
+ "height": 50
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8": {
+ "id": "1bb6687b-7a1b-49c2-bae0-1ff2b9af3ac8",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#3e63dd26"
+ },
+ "textColor": {
+ "value": "#3e63ddff"
+ },
+ "loaderColor": {
+ "value": "#3e63ddff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#3e63ddff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Renew"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button8",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 60.46511627906976,
+ "width": 14,
+ "height": 40
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "d69936c9-a4d4-4c3c-b8aa-bd7175156158": {
+ "id": "d69936c9-a4d4-4c3c-b8aa-bd7175156158",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Button text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {
+ "onClick": {
+ "displayName": "On click"
+ },
+ "onHover": {
+ "displayName": "On hover"
+ }
+ },
+ "styles": {
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "loaderColor": {
+ "type": "color",
+ "displayName": "Loader color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderRadius": {
+ "type": "number",
+ "displayName": "Border radius",
+ "validation": {
+ "schema": {
+ "type": "number"
+ },
+ "defaultValue": false
+ }
+ },
+ "borderColor": {
+ "type": "color",
+ "displayName": "Border color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ },
+ "defaultValue": false
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [
+ {
+ "eventId": "onClick",
+ "actionId": "run-query",
+ "message": "Hello world!",
+ "alertType": "info",
+ "queryId": "7db120a2-0021-47f3-a85e-524b83f2c827",
+ "queryName": "generatePromoCode",
+ "parameters": {}
+ }
+ ],
+ "styles": {
+ "backgroundColor": {
+ "value": "#ffffffff"
+ },
+ "textColor": {
+ "value": "#4a4a4aff"
+ },
+ "loaderColor": {
+ "value": "#4a4a4aff"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "borderRadius": {
+ "value": "{{5}}"
+ },
+ "borderColor": {
+ "value": "#9b9b9bff"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "Open software >"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "button9",
+ "displayName": "Button",
+ "description": "Trigger actions: queries, alerts, set variables etc.",
+ "component": "Button",
+ "defaultSize": {
+ "width": 3,
+ "height": 30
+ },
+ "exposedVariables": {
+ "buttonText": "Button"
+ },
+ "actions": [
+ {
+ "handle": "click",
+ "displayName": "Click"
+ },
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New Text"
+ }
+ ]
+ },
+ {
+ "handle": "disable",
+ "displayName": "Disable",
+ "params": [
+ {
+ "handle": "disable",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Visibility",
+ "params": [
+ {
+ "handle": "visible",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ },
+ {
+ "handle": "loading",
+ "displayName": "Loading",
+ "params": [
+ {
+ "handle": "loading",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 470,
+ "left": 4.651162790697674,
+ "width": 22.000000000000004,
+ "height": 40
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ },
+ "1f5b7856-c4b1-402a-b27c-0119b7474fa8": {
+ "component": {
+ "properties": {
+ "data": {
+ "type": "code",
+ "displayName": "Tags",
+ "validation": {
+ "schema": {
+ "type": "array",
+ "element": {
+ "type": "object",
+ "object": {
+ "title": {
+ "type": "string"
+ },
+ "color": {
+ "type": "string"
+ },
+ "textColor": {
+ "type": "string"
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "visibility": {
+ "value": "{{true}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "data": {
+ "value": "{{ [ \n\t\t{ title: 'Active', color: '#2fb344', textColor: '#fff' }\n\t ] }}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "tags1",
+ "displayName": "Tags",
+ "description": "Display tag labels",
+ "component": "Tags",
+ "defaultSize": {
+ "width": 8,
+ "height": 30
+ },
+ "exposedVariables": {}
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 41.86051065649506,
+ "width": 7,
+ "height": 40
+ }
+ },
+ "withDefaultChildren": false
+ },
+ "d17d5709-22de-49f9-95a3-e16742e37665": {
+ "id": "d17d5709-22de-49f9-95a3-e16742e37665",
+ "component": {
+ "properties": {
+ "text": {
+ "type": "code",
+ "displayName": "Text",
+ "validation": {
+ "schema": {
+ "type": "union",
+ "schemas": [
+ {
+ "type": "string"
+ },
+ {
+ "type": "number"
+ }
+ ]
+ }
+ }
+ },
+ "loadingState": {
+ "type": "toggle",
+ "displayName": "Show loading state",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "general": {
+ "tooltip": {
+ "type": "code",
+ "displayName": "Tooltip",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ }
+ },
+ "others": {
+ "showOnDesktop": {
+ "type": "toggle",
+ "displayName": "Show on desktop"
+ },
+ "showOnMobile": {
+ "type": "toggle",
+ "displayName": "Show on mobile"
+ }
+ },
+ "events": {},
+ "styles": {
+ "fontWeight": {
+ "type": "select",
+ "displayName": "Font weight",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "bold",
+ "value": "bold"
+ },
+ {
+ "name": "lighter",
+ "value": "lighter"
+ },
+ {
+ "name": "bolder",
+ "value": "bolder"
+ }
+ ]
+ },
+ "decoration": {
+ "type": "select",
+ "displayName": "Text decoration",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "overline",
+ "value": "overline"
+ },
+ {
+ "name": "line-through",
+ "value": "line-through"
+ },
+ {
+ "name": "underline",
+ "value": "underline"
+ },
+ {
+ "name": "overline underline",
+ "value": "overline underline"
+ }
+ ]
+ },
+ "transformation": {
+ "type": "select",
+ "displayName": "Text transformation",
+ "options": [
+ {
+ "name": "none",
+ "value": "none"
+ },
+ {
+ "name": "uppercase",
+ "value": "uppercase"
+ },
+ {
+ "name": "lowercase",
+ "value": "lowercase"
+ },
+ {
+ "name": "capitalize",
+ "value": "capitalize"
+ }
+ ]
+ },
+ "fontStyle": {
+ "type": "select",
+ "displayName": "Font style",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "italic",
+ "value": "italic"
+ },
+ {
+ "name": "oblique",
+ "value": "oblique"
+ }
+ ]
+ },
+ "lineHeight": {
+ "type": "number",
+ "displayName": "Line height"
+ },
+ "textIndent": {
+ "type": "number",
+ "displayName": "Text indent"
+ },
+ "letterSpacing": {
+ "type": "number",
+ "displayName": "Letter spacing"
+ },
+ "wordSpacing": {
+ "type": "number",
+ "displayName": "Word spacing"
+ },
+ "fontVariant": {
+ "type": "select",
+ "displayName": "Font variant",
+ "options": [
+ {
+ "name": "normal",
+ "value": "normal"
+ },
+ {
+ "name": "small-caps",
+ "value": "small-caps"
+ },
+ {
+ "name": "initial",
+ "value": "initial"
+ },
+ {
+ "name": "inherit",
+ "value": "inherit"
+ }
+ ]
+ },
+ "textSize": {
+ "type": "number",
+ "displayName": "Text size",
+ "validation": {
+ "schema": {
+ "type": "number"
+ }
+ }
+ },
+ "backgroundColor": {
+ "type": "color",
+ "displayName": "Background color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textColor": {
+ "type": "color",
+ "displayName": "Text color",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "textAlign": {
+ "type": "alignButtons",
+ "displayName": "Align text",
+ "validation": {
+ "schema": {
+ "type": "string"
+ }
+ }
+ },
+ "visibility": {
+ "type": "toggle",
+ "displayName": "Visibility",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ },
+ "disabledState": {
+ "type": "toggle",
+ "displayName": "Disable",
+ "validation": {
+ "schema": {
+ "type": "boolean"
+ }
+ }
+ }
+ },
+ "validate": true,
+ "generalStyles": {
+ "boxShadow": {
+ "type": "boxShadow",
+ "displayName": "Box Shadow"
+ }
+ },
+ "definition": {
+ "others": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "events": [],
+ "styles": {
+ "backgroundColor": {
+ "value": "#fff00000"
+ },
+ "textColor": {
+ "value": "#000000"
+ },
+ "textSize": {
+ "value": 14
+ },
+ "textAlign": {
+ "value": "left"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "decoration": {
+ "value": "none"
+ },
+ "transformation": {
+ "value": "none"
+ },
+ "fontStyle": {
+ "value": "normal"
+ },
+ "lineHeight": {
+ "value": 1.5
+ },
+ "textIndent": {
+ "value": 0
+ },
+ "letterSpacing": {
+ "value": 0
+ },
+ "wordSpacing": {
+ "value": 0
+ },
+ "fontVariant": {
+ "value": "normal"
+ },
+ "visibility": {
+ "value": "{{true}}"
+ },
+ "disabledState": {
+ "value": "{{false}}"
+ }
+ },
+ "generalStyles": {
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ }
+ },
+ "properties": {
+ "text": {
+ "value": "STATUS :"
+ },
+ "loadingState": {
+ "value": "{{false}}"
+ }
+ },
+ "general": {},
+ "exposedVariables": {}
+ },
+ "name": "text51",
+ "displayName": "Text",
+ "description": "Display text or HTML",
+ "component": "Text",
+ "defaultSize": {
+ "width": 6,
+ "height": 30
+ },
+ "exposedVariables": {
+ "text": "Hello, there!"
+ },
+ "actions": [
+ {
+ "handle": "setText",
+ "displayName": "Set Text",
+ "params": [
+ {
+ "handle": "text",
+ "displayName": "Text",
+ "defaultValue": "New text"
+ }
+ ]
+ },
+ {
+ "handle": "visibility",
+ "displayName": "Set Visibility",
+ "params": [
+ {
+ "handle": "visibility",
+ "displayName": "Value",
+ "defaultValue": "{{false}}",
+ "type": "toggle"
+ }
+ ]
+ }
+ ]
+ },
+ "layouts": {
+ "desktop": {
+ "top": 310,
+ "left": 4.651153324529529,
+ "width": 12.999999999999998,
+ "height": 20
+ }
+ },
+ "parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
+ }
+ },
+ "handle": "home",
+ "name": "Home"
+ }
+ },
+ "globalSettings": {
+ "hideHeader": true,
+ "appInMaintenance": false,
+ "canvasMaxWidth": 100,
+ "canvasMaxWidthType": "%",
+ "canvasMaxHeight": 2400,
+ "canvasBackgroundColor": "#2f3c4c",
+ "backgroundFxQuery": ""
+ }
+ },
+ "globalSettings": {
+ "hideHeader": true,
+ "appInMaintenance": false,
+ "canvasMaxWidth": 100,
+ "canvasMaxWidthType": "%",
+ "canvasMaxHeight": 2400,
+ "canvasBackgroundColor": "#2f3c4c",
+ "backgroundFxQuery": ""
+ },
+ "showViewerNavigation": false,
+ "homePageId": "3676a371-bd53-454a-8288-8e2cca337ff8",
+ "appId": "3469c521-8e1e-41e3-9b65-5fff3a58f65b",
+ "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "promotedFrom": null,
+ "createdAt": "2024-01-15T11:38:19.082Z",
+ "updatedAt": "2024-05-03T07:29:19.585Z"
+ }
+ ],
+ "appEnvironments": [
+ {
+ "id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "name": "development",
+ "isDefault": false,
+ "priority": 1,
+ "enabled": true,
+ "createdAt": "2023-04-26T19:44:06.852Z",
+ "updatedAt": "2023-04-26T19:44:06.852Z"
+ },
+ {
+ "id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "name": "staging",
+ "isDefault": false,
+ "priority": 2,
+ "enabled": true,
+ "createdAt": "2023-04-26T19:44:06.852Z",
+ "updatedAt": "2023-04-26T19:44:06.852Z"
+ },
+ {
+ "id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "name": "production",
+ "isDefault": true,
+ "priority": 3,
+ "enabled": true,
+ "createdAt": "2023-04-26T19:44:06.852Z",
+ "updatedAt": "2023-04-26T19:44:06.852Z"
+ }
+ ],
+ "dataSourceOptions": [
+ {
+ "id": "6296a857-820e-41da-ba93-ddc171cd757c",
+ "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589",
+ "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.157Z",
+ "updatedAt": "2024-01-15T11:38:19.157Z"
+ },
+ {
+ "id": "8e10a878-af05-42d7-8f53-13c050d864a1",
+ "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589",
+ "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.157Z",
+ "updatedAt": "2024-01-15T11:38:19.157Z"
+ },
+ {
+ "id": "a5e5d3ef-f761-43f9-a165-6731a5f01528",
+ "dataSourceId": "d326d99b-df3b-4af9-96c2-64be1cef7589",
+ "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.157Z",
+ "updatedAt": "2024-01-15T11:38:19.157Z"
+ },
+ {
+ "id": "e690439e-ef7a-485f-8fdf-e24a6ce60279",
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.195Z",
+ "updatedAt": "2024-01-15T11:38:19.195Z"
+ },
+ {
+ "id": "6ad13afe-604a-41c3-af82-2090d241882e",
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.195Z",
+ "updatedAt": "2024-01-15T11:38:19.195Z"
+ },
+ {
+ "id": "57fdc4c6-bc09-4a22-a3f9-0781e3d9dd56",
+ "dataSourceId": "ece2dfe9-4459-4b5f-97e9-44d851b5efaa",
+ "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.195Z",
+ "updatedAt": "2024-01-15T11:38:19.195Z"
+ },
+ {
+ "id": "dd4b196c-8c43-4185-bb6b-19b667c5ef9b",
+ "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a",
+ "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.208Z",
+ "updatedAt": "2024-01-15T11:38:19.208Z"
+ },
+ {
+ "id": "a4895095-398e-41c3-8f7b-73796adf9bca",
+ "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a",
+ "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.208Z",
+ "updatedAt": "2024-01-15T11:38:19.208Z"
+ },
+ {
+ "id": "7d3eeaae-64bb-43a5-97ae-3d375e50d08f",
+ "dataSourceId": "f58435ff-b49f-4d1d-8599-4dd8f04dc51a",
+ "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.208Z",
+ "updatedAt": "2024-01-15T11:38:19.208Z"
+ },
+ {
+ "id": "537e886c-ce8b-45bc-80e6-352f36030138",
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.222Z",
+ "updatedAt": "2024-01-15T11:38:19.222Z"
+ },
+ {
+ "id": "9ab1b247-3304-4d31-9fec-5229becc7ea2",
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.223Z",
+ "updatedAt": "2024-01-15T11:38:19.223Z"
+ },
+ {
+ "id": "b68ddd34-d81a-427e-891e-dc09db3c153d",
+ "dataSourceId": "87ba6c71-17ab-4265-a99b-9ab20a149949",
+ "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.223Z",
+ "updatedAt": "2024-01-15T11:38:19.223Z"
+ },
+ {
+ "id": "52977f46-fa59-42d3-8a63-cbf0994396b6",
+ "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312",
+ "environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.236Z",
+ "updatedAt": "2024-01-15T11:38:19.236Z"
+ },
+ {
+ "id": "b9c06320-c680-4a1a-b5e6-f8202d7ad9a8",
+ "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312",
+ "environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.236Z",
+ "updatedAt": "2024-01-15T11:38:19.236Z"
+ },
+ {
+ "id": "fd85dab2-042e-4b45-b159-2546ed261847",
+ "dataSourceId": "45ba4ae4-8db1-48b8-b3fb-e609edc5a312",
+ "environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
+ "options": null,
+ "createdAt": "2024-01-15T11:38:19.236Z",
+ "updatedAt": "2024-01-15T11:38:19.236Z"
+ }
+ ],
+ "schemaDetails": {
+ "multiPages": true,
+ "multiEnv": true,
+ "globalDataSources": true
+ }
+ }
+ }
+ }
+ ],
+ "tooljet_version": "2.38.0-ee2.15.28-cloud2.3.11"
+}
\ No newline at end of file
diff --git a/server/templates/admin-panel-tooljet-db/manifest.json b/server/templates/admin-panel-tooljet-db/manifest.json
new file mode 100644
index 0000000000..579e64f4d2
--- /dev/null
+++ b/server/templates/admin-panel-tooljet-db/manifest.json
@@ -0,0 +1,19 @@
+{
+ "name": "Admin Panel (ToolJet Database)",
+ "description": "Effortlessly manage your databases with our intuitive TJDB admin panel, designed for optimal control and efficiency.",
+ "widgets": [
+ "Table"
+ ],
+ "sources": [
+ {
+ "name": "ToolJet Database",
+ "id": "tooljetdb"
+ },
+ {
+ "name": "Run JavaScript",
+ "id": "runjs"
+ }
+ ],
+ "id": "admin-panel-tooljet-db",
+ "category": "developer-utilities"
+}
\ No newline at end of file
diff --git a/server/templates/aws-s3-file-explorer/manifest.json b/server/templates/aws-s3-file-explorer/manifest.json
index 9a22e7354b..9a40f0357f 100644
--- a/server/templates/aws-s3-file-explorer/manifest.json
+++ b/server/templates/aws-s3-file-explorer/manifest.json
@@ -12,5 +12,5 @@
}
],
"id": "aws-s3-file-explorer",
- "category": "utilities"
+ "category": "developer-utilities"
}
\ No newline at end of file
diff --git a/server/templates/bill-of-materials/definition.json b/server/templates/bill-of-materials/definition.json
new file mode 100644
index 0000000000..5acc3247d2
--- /dev/null
+++ b/server/templates/bill-of-materials/definition.json
@@ -0,0 +1,6639 @@
+{
+ "tooljet_database": [
+ {
+ "id": "8d0bd25c-c326-4b32-a09e-d4efd3a7be53",
+ "table_name": "bom_products",
+ "schema": {
+ "columns": [
+ {
+ "column_name": "id",
+ "data_type": "integer",
+ "column_default": "nextval('\"8d0bd25c-c326-4b32-a09e-d4efd3a7be53_id_seq\"'::regclass)",
+ "character_maximum_length": null,
+ "numeric_precision": 32,
+ "constraints_type": {
+ "is_not_null": true,
+ "is_primary_key": true
+ },
+ "keytype": "PRIMARY KEY"
+ },
+ {
+ "column_name": "name",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "category",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "dimensions",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "description",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "created_at",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "updated_at",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "is_active",
+ "data_type": "boolean",
+ "column_default": "true",
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ }
+ ]
+ }
+ },
+ {
+ "id": "53e3ba57-290f-463b-b4b2-6a8f180d4ea0",
+ "table_name": "bom_bill_of_materials",
+ "schema": {
+ "columns": [
+ {
+ "column_name": "id",
+ "data_type": "integer",
+ "column_default": "nextval('\"53e3ba57-290f-463b-b4b2-6a8f180d4ea0_id_seq\"'::regclass)",
+ "character_maximum_length": null,
+ "numeric_precision": 32,
+ "constraints_type": {
+ "is_not_null": true,
+ "is_primary_key": true
+ },
+ "keytype": "PRIMARY KEY"
+ },
+ {
+ "column_name": "product_id",
+ "data_type": "integer",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 32,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "material_description",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "material_type",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "object_description",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "source_factory",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "unit_of_measure",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "quantity",
+ "data_type": "integer",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 32,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "standard_price",
+ "data_type": "double precision",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": 53,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "created_at",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "updated_at",
+ "data_type": "character varying",
+ "column_default": null,
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ },
+ {
+ "column_name": "is_active",
+ "data_type": "boolean",
+ "column_default": "true",
+ "character_maximum_length": null,
+ "numeric_precision": null,
+ "constraints_type": {
+ "is_not_null": false,
+ "is_primary_key": false
+ },
+ "keytype": ""
+ }
+ ]
+ }
+ }
+ ],
+ "app": [
+ {
+ "definition": {
+ "appV2": {
+ "id": "12c1939b-7a91-4a17-b63d-afe100c40a9c",
+ "type": "front-end",
+ "name": "Bill of materials",
+ "slug": "12c1939b-7a91-4a17-b63d-afe100c40a9c",
+ "isPublic": false,
+ "isMaintenanceOn": false,
+ "icon": "globe",
+ "organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
+ "currentVersionId": null,
+ "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
+ "workflowApiToken": null,
+ "workflowEnabled": false,
+ "createdAt": "2024-04-25T07:35:01.940Z",
+ "creationMode": "DEFAULT",
+ "updatedAt": "2024-04-25T07:35:02.984Z",
+ "editingVersion": {
+ "id": "803222dc-a50b-4f46-a769-2c4ebde4e413",
+ "name": "v1",
+ "definition": null,
+ "globalSettings": {
+ "hideHeader": true,
+ "appInMaintenance": false,
+ "canvasMaxWidth": 100,
+ "canvasMaxWidthType": "%",
+ "canvasMaxHeight": 2400,
+ "canvasBackgroundColor": "#edeff5",
+ "backgroundFxQuery": ""
+ },
+ "showViewerNavigation": false,
+ "homePageId": "68abf16e-f1e3-4712-86c2-71149cbdd383",
+ "appId": "12c1939b-7a91-4a17-b63d-afe100c40a9c",
+ "currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
+ "promotedFrom": null,
+ "createdAt": "2024-04-25T07:35:01.958Z",
+ "updatedAt": "2024-05-03T10:33:20.185Z"
+ },
+ "components": [
+ {
+ "id": "1b5da94b-33a1-4770-b132-54a16e171ebf",
+ "name": "container2",
+ "type": "Container",
+ "pageId": "68abf16e-f1e3-4712-86c2-71149cbdd383",
+ "parent": null,
+ "properties": {},
+ "general": {},
+ "styles": {
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00"
+ }
+ },
+ "generalStyles": {},
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-04-25T07:35:01.965Z",
+ "updatedAt": "2024-05-03T07:56:40.700Z",
+ "layouts": [
+ {
+ "id": "5f9d1dde-e4a6-4fe3-9dc9-a5c53ac52d60",
+ "type": "desktop",
+ "top": 110,
+ "left": 2.3255813953488373,
+ "width": 41,
+ "height": 680,
+ "componentId": "1b5da94b-33a1-4770-b132-54a16e171ebf",
+ "updatedAt": "2024-05-03T10:16:34.683Z"
+ },
+ {
+ "id": "f2d96868-b27c-4906-96b3-dfd34a4b7138",
+ "type": "mobile",
+ "top": 720,
+ "left": 2.3255813953488373,
+ "width": 5,
+ "height": 200,
+ "componentId": "1b5da94b-33a1-4770-b132-54a16e171ebf",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "fa7495b3-5c5b-4e6c-9b3c-f049d84c14b5",
+ "name": "text1",
+ "type": "Text",
+ "pageId": "68abf16e-f1e3-4712-86c2-71149cbdd383",
+ "parent": "f515a547-e4e6-41b3-a5b7-2707639192b4",
+ "properties": {
+ "text": {
+ "value": "B R A N D"
+ }
+ },
+ "general": {},
+ "styles": {
+ "textColor": {
+ "value": "#ffffffff"
+ },
+ "textSize": {
+ "value": "{{24}}"
+ },
+ "fontWeight": {
+ "value": "bold"
+ },
+ "letterSpacing": {
+ "value": "{{0}}"
+ },
+ "boxShadow": {
+ "value": "0px 0px 0px 0px #00000040"
+ },
+ "isScrollRequired": {
+ "value": "disabled"
+ }
+ },
+ "generalStyles": {},
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-04-25T07:35:01.965Z",
+ "updatedAt": "2024-04-25T07:35:01.965Z",
+ "layouts": [
+ {
+ "id": "48459f4a-cd53-41d4-b71b-9cdf7a47c78b",
+ "type": "desktop",
+ "top": 10,
+ "left": 2.3255818774724633,
+ "width": 6,
+ "height": 40,
+ "componentId": "fa7495b3-5c5b-4e6c-9b3c-f049d84c14b5",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "f515a547-e4e6-41b3-a5b7-2707639192b4",
+ "name": "container1",
+ "type": "Container",
+ "pageId": "68abf16e-f1e3-4712-86c2-71149cbdd383",
+ "parent": null,
+ "properties": {},
+ "general": {},
+ "styles": {
+ "backgroundColor": {
+ "value": "#f39c12ff"
+ },
+ "borderRadius": {
+ "value": "10"
+ },
+ "borderColor": {
+ "value": "#ffffff00",
+ "fxActive": false
+ }
+ },
+ "generalStyles": {},
+ "displayPreferences": {
+ "showOnDesktop": {
+ "value": "{{true}}"
+ },
+ "showOnMobile": {
+ "value": "{{false}}"
+ }
+ },
+ "validation": {},
+ "createdAt": "2024-04-25T07:35:01.965Z",
+ "updatedAt": "2024-04-25T07:35:01.965Z",
+ "layouts": [
+ {
+ "id": "e4893eb0-f04b-45dd-b9ca-b6dbe5b1f7e5",
+ "type": "desktop",
+ "top": 20,
+ "left": 2.3255802612218526,
+ "width": 41,
+ "height": 70,
+ "componentId": "f515a547-e4e6-41b3-a5b7-2707639192b4",
+ "updatedAt": "2024-05-02T07:53:28.271Z"
+ }
+ ]
+ },
+ {
+ "id": "c8b573c7-5ffb-4093-bdbb-9cee5fcb1f97",
+ "name": "text2",
+ "type": "Text",
+ "pageId": "68abf16e-f1e3-4712-86c2-71149cbdd383",
+ "parent": "f515a547-e4e6-41b3-a5b7-2707639192b4",
+ "properties": {
+ "text": {
+ "value": "