Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-04-23 06:27:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 8
ToolJet/server/templates/admin-panel-tooljet-db/definition.json
gsmithun4 269ec56455 Initial commit
2025-02-25 12:22:50 +05:30

54421 lines
No EOL
2.2 MiB
Raw Blame History

{
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "&nbsp;&nbsp;{{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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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<br>\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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "$&nbsp;"
},
"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": "&nbsp;&nbsp;{{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"
}
Reference in a new issue View git blame Copy permalink