mirror of
https://github.com/ToolJet/ToolJet
synced 2026-04-22 05:57:20 +00:00
491908ebb6
* bugfix: airtable plugin support for personal access token (#8295) * fix: airtable plugin support for personal access token * fix: review comments fixed * Add new templates and remove old templates * Change onboarding page templates and fix CSS * Change Job application tracker template images * Implement dark mode for onbarding page templates * Fix templates with query issues * fix template creation * Remove redundant datasource options from templates --------- Co-authored-by: Ganesh Kumar <40178541+ganesh8056@users.noreply.github.com> Co-authored-by: Akshay <akshaysasidharan93@gmail.com>
62898 lines
No EOL
4.1 MiB
62898 lines
No EOL
4.1 MiB
{
|
|
"tooljet_database": [
|
|
{
|
|
"id": "c265ae78-4f63-4bc6-9090-b989555939ce",
|
|
"table_name": "promo_code_management",
|
|
"schema": {
|
|
"columns": [
|
|
{
|
|
"column_name": "id",
|
|
"data_type": "integer",
|
|
"column_default": "nextval('\"c265ae78-4f63-4bc6-9090-b989555939ce_id_seq\"'::regclass)",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 32,
|
|
"is_nullable": "NO",
|
|
"constraint_type": "PRIMARY KEY",
|
|
"keytype": "PRIMARY KEY"
|
|
},
|
|
{
|
|
"column_name": "promo_code",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "discount_type",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "amount",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "minimum_spend",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "maximum_spend",
|
|
"data_type": "double precision",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": 53,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "free_shipping",
|
|
"data_type": "boolean",
|
|
"column_default": "false",
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "created_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "valid_till",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
},
|
|
{
|
|
"column_name": "updated_at",
|
|
"data_type": "character varying",
|
|
"column_default": null,
|
|
"character_maximum_length": null,
|
|
"numeric_precision": null,
|
|
"is_nullable": "YES",
|
|
"constraint_type": null,
|
|
"keytype": ""
|
|
}
|
|
]
|
|
}
|
|
}
|
|
],
|
|
"app": [
|
|
{
|
|
"definition": {
|
|
"appV2": {
|
|
"id": "eeb258c5-b56b-4d27-8242-275f2d9fafa1",
|
|
"type": "front-end",
|
|
"name": "Promo Code Management",
|
|
"slug": "promo-code-management",
|
|
"isPublic": false,
|
|
"isMaintenanceOn": false,
|
|
"icon": "share",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"currentVersionId": null,
|
|
"userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
|
|
"workflowApiToken": null,
|
|
"workflowEnabled": false,
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"creationMode": "DEFAULT",
|
|
"updatedAt": "2024-01-02T20:59:00.968Z",
|
|
"editingVersion": {
|
|
"id": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"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": "Promo Code Management"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
|
|
},
|
|
"72c19891-ab7b-4663-809c-e1fd15c82b22": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.3255813953488373,
|
|
"width": 27,
|
|
"height": 580
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5b21c491-8540-4df4-bc56-5ef9b3d18da8": {
|
|
"id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 67.44186046511628,
|
|
"width": 12.999999999999998,
|
|
"height": 310
|
|
}
|
|
}
|
|
},
|
|
"25b9f572-8cd7-48b3-b399-3ccb6c80f433": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action button radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "28f5b628-749e-493a-b307-63cdcc071a7f",
|
|
"name": "promo code",
|
|
"key": "promo_code",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8",
|
|
"name": "discount value",
|
|
"key": "discount_value",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "66211b00-fdfe-4ee4-b656-02275a663665",
|
|
"name": "free shipping",
|
|
"key": "free_shipping",
|
|
"columnType": "default",
|
|
"autogenerated": true,
|
|
"values": "{{[true, false]}}",
|
|
"labels": "{{[\"Yes\", \"No\"]}}",
|
|
"activeColor": "#3e63ddff",
|
|
"textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82,
|
|
"e6e9b325-4568-49a5-ac62-9aa215d02ea8": 132,
|
|
"28f5b628-749e-493a-b307-63cdcc071a7f": 173,
|
|
"66211b00-fdfe-4ee4-b656-02275a663665": 53
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
}
|
|
],
|
|
"position": "right"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"discount_type",
|
|
"amount",
|
|
"minimum_spend",
|
|
"maximum_spend",
|
|
"created_at",
|
|
"valid_till",
|
|
"updated_at",
|
|
"updated_at",
|
|
"free_shipping_bool"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 76,
|
|
"left": 4.6511681997655385,
|
|
"width": 39,
|
|
"height": 470
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"792c10c1-cf06-477b-98bd-d0aa13449910": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"active\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"active\", \"inactive\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Active\", \"Inactive\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 69.76743349695931,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"61a46182-92c6-49c4-9238-9681dd264a9c": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo codes available:"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 4.6511631854108115,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"58c73cbf-18df-4306-b27a-a2d01c568fb8": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 67.44185505833316,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"e16f682b-0368-499a-9232-6b63e1413a91": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal1",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 730,
|
|
"left": 2.3255813953488373,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"cd50a657-b4a7-4263-9125-5fb9185422f1": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651170456181344,
|
|
"width": 38,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ad9066eb-e46c-4474-bcb5-f72e4263db60": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "ID :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"afce716e-3d80-4c37-a0ae-a230307a89ff": {
|
|
"id": "afce716e-3d80-4c37-a0ae-a230307a89ff",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 4.651149256140372,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"8f2dcd6a-829c-44e8-8014-6de63bed413f": {
|
|
"id": "8f2dcd6a-829c-44e8-8014-6de63bed413f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT VALUE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": {
|
|
"id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "CREATED ON :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text8",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"d396afee-afeb-4f6b-9fe6-f91544b7c566": {
|
|
"id": "d396afee-afeb-4f6b-9fe6-f91544b7c566",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162790697674,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"aa458399-940f-4373-88af-ef9b30727bb0": {
|
|
"id": "aa458399-940f-4373-88af-ef9b30727bb0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"11481730-3f62-481f-adf7-e81115c06ecc": {
|
|
"id": "11481730-3f62-481f-adf7-e81115c06ecc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text11",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"71138a31-fefc-4e5d-90c1-a6db58c063d1": {
|
|
"id": "71138a31-fefc-4e5d-90c1-a6db58c063d1",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text12",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"8d336040-7fea-480b-be2a-ee1485302f97": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container4",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 480,
|
|
"left": 67.44186046511628,
|
|
"width": 12.999999999999998,
|
|
"height": 210
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"997f4acf-3168-4b28-a76b-534b8c1c0743": {
|
|
"id": "997f4acf-3168-4b28-a76b-534b8c1c0743",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount calculator"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text18",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651162790697674,
|
|
"width": 31,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"05485f1e-fd55-4f3c-9ae7-a10499e1cf8a": {
|
|
"id": "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text19",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"b423b98f-92fc-41f4-95f6-000da52ed5b0": {
|
|
"id": "b423b98f-92fc-41f4-95f6-000da52ed5b0",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => code.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown3",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 34.88372262026046,
|
|
"width": 25,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"f8618a9e-e874-4d88-897e-944042130ab0": {
|
|
"id": "f8618a9e-e874-4d88-897e-944042130ab0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cart value ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text20",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"fa43050e-5984-429f-b539-074099b9e2eb": {
|
|
"id": "fa43050e-5984-429f-b539-074099b9e2eb",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onChange",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {},
|
|
"debounce": "50"
|
|
}
|
|
],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "99"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput2.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput2",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 34.88372262026046,
|
|
"width": 25,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"a883b4f4-d471-4a91-bf17-9b7127f52586": {
|
|
"id": "a883b4f4-d471-4a91-bf17-9b7127f52586",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider2",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.6511556885566385,
|
|
"width": 38,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"723ba519-3250-410c-bb43-3dd5f9821307": {
|
|
"id": "723ba519-3250-410c-bb43-3dd5f9821307",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text21",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 4.651153545842702,
|
|
"width": 15.000000000000002,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"dadf3050-8808-439a-b4e6-08c996c0bf68": {
|
|
"id": "dadf3050-8808-439a-b4e6-08c996c0bf68",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown3.value != undefined ? queries.calculateFinalAmount.data.finalValue : \"0\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text22",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 39.53488372093023,
|
|
"width": 23,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"795cd997-1cd5-4a87-a221-fa605c3baa06": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text23",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7e51ca19-d1ad-42b7-9939-eba56e2139f4": {
|
|
"id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text24",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": {
|
|
"id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text25",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"cdcf3874-788e-49a3-8101-33a0d9710f99": {
|
|
"id": "cdcf3874-788e-49a3-8101-33a0d9710f99",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.table1.selectedRow.created_at, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text26",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"e3a7589d-f336-4b85-ae69-a0e1dc757c63": {
|
|
"id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.table1.selectedRow.valid_till, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text27",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"d60b43f3-1661-424c-bd9e-2e55d8f05e22": {
|
|
"id": "d60b43f3-1661-424c-bd9e-2e55d8f05e22",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \" \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text28",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"789e977f-acb3-4912-a078-8a8ff620e850": {
|
|
"id": "789e977f-acb3-4912-a078-8a8ff620e850",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text29",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"45db325e-7aa1-4c46-9b33-91ccf17afe76": {
|
|
"id": "45db325e-7aa1-4c46-9b33-91ccf17afe76",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"f989e765-4231-4a4e-9bb0-87edf4ad9c7f": {
|
|
"id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"cdeddc9c-5023-4048-80ce-9bc01663cef9": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter promo code"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.581395346098788,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"380b4870-818e-440f-806a-dc9ae5e1e6a3": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "bfb0edbd-68ec-4136-a600-a5c34a745a9c",
|
|
"queryName": "generatePromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Generate code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 65.11629539484923,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": {
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 90.69767122377431,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"b01f0cad-7de7-47ae-ae40-82ab305e2d12": {
|
|
"id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"9245395b-3876-4734-acc0-6582dd57870e": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info"
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "percent"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown4",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 25.58139595221208,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ce2797f3-e593-4259-abb8-ce6785a845d1": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput3",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 65.11625539117162,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ce888918-f6cd-428d-9968-a67ff29b4e75": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 90.69767485756182,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"38daeae7-7a68-42b2-9bca-1067868eb83a": {
|
|
"id": "38daeae7-7a68-42b2-9bca-1067868eb83a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"055d88a5-d62a-4848-afc9-d2b7e51847d0": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown5",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 25.581418019395514,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ed7b0be3-f412-4f8a-82de-603d887ee06f": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown5.value ? \"100\" : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "99999"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput4.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput4",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 65.11627782060043,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5f60b7a2-675f-4e6c-8861-c4ab363cae3b": {
|
|
"id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"e26de292-20fa-45cd-ae48-51d3dc1b980f": {
|
|
"id": "e26de292-20fa-45cd-ae48-51d3dc1b980f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": {
|
|
"id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown6",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 25.58138499611037,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"6b75036b-a0ae-486e-9adb-1ef35d5382b5": {
|
|
"id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"6eca96f9-5602-4199-88f0-36a8b302bc35": {
|
|
"id": "6eca96f9-5602-4199-88f0-36a8b302bc35",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput4.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput5",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 65.11626117041483,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"4c6b810b-9d09-4121-9026-c3b1fb717302": {
|
|
"id": "4c6b810b-9d09-4121-9026-c3b1fb717302",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text38",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"74bf5455-9aef-419a-b83f-1892edb4e2b3": {
|
|
"id": "74bf5455-9aef-419a-b83f-1892edb4e2b3",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown7",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 25.581389164325977,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": {
|
|
"id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text39",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"4b50dcfd-cf36-44af-87fa-ee05a8112fbb": {
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker1",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 25.581393180600156,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"4ad7daef-6186-47cf-b759-8c35d2e77cfa": {
|
|
"id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image2",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 58.139524728971374,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": {
|
|
"id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image3",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 90.69767030875896,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"199a8791-16ab-4bb5-90b8-c320e4b6e6c5": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider3",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"670170a2-52be-4deb-a897-ac6bf33c5ada": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"queryName": "createPromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.createPromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button3",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 79.06975049651071,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"b0afdbe3-5c29-40be-a70f-08458617c01f": {
|
|
"id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button4",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 60.465109099446764,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"e7a57306-3d46-41e2-b240-2fc6b5f20226": {
|
|
"id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal2",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 730,
|
|
"left": 18.604656027099054,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
|
|
"id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text40",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
|
|
"id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text41",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
|
|
"id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info"
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.discount_type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown8",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 25.581393521814153,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
|
|
"id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.amount}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput6",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 65.11626481525688,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"6c953707-f69d-47a9-9015-a582ed609bcd": {
|
|
"id": "6c953707-f69d-47a9-9015-a582ed609bcd",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text42",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 90.69767764424473,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"56139e54-501c-4951-a060-fa0d180ed6ad": {
|
|
"id": "56139e54-501c-4951-a060-fa0d180ed6ad",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text43",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
|
|
"id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.minimum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown9",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 25.581401911408808,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"30c53546-7857-44c3-be96-70c1662df2d4": {
|
|
"id": "30c53546-7857-44c3-be96-70c1662df2d4",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown9.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "99999"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput7.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput7",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 65.11628599331276,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"061db4d4-a8f2-40aa-9ce8-427390417bf0": {
|
|
"id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text44",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"9d58477b-50cd-4b84-8dd6-1231570d0774": {
|
|
"id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text45",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"8529396e-2c59-437e-a014-3a3033c49d80": {
|
|
"id": "8529396e-2c59-437e-a014-3a3033c49d80",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.maximum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown10",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 25.58137657187239,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
|
|
"id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text46",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"1749184e-e330-4679-a3d4-671ce372274f": {
|
|
"id": "1749184e-e330-4679-a3d4-671ce372274f",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown10.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput8.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput8",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 65.11629197312911,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"19d354ef-63f7-4c85-a641-115769247cc0": {
|
|
"id": "19d354ef-63f7-4c85-a641-115769247cc0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text47",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"12059aed-6846-44d9-8d8d-98003036ef2b": {
|
|
"id": "12059aed-6846-44d9-8d8d-98003036ef2b",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.free_shipping_bool}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown11",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 25.581399583203897,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"fb524a89-e03b-433a-8a94-f61ebd99bd36": {
|
|
"id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text48",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"41d423dd-e348-4684-a835-b3dc56be730c": {
|
|
"id": "41d423dd-e348-4684-a835-b3dc56be730c",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.valid_till}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker2",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 25.58139095173029,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
|
|
"id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image5",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 58.13952912432483,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ca410b25-e7b7-413f-a01e-cccf62efa204": {
|
|
"id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image6",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 90.69766853643817,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"798a2874-8880-410d-86ca-8466e7a7f53f": {
|
|
"id": "798a2874-8880-410d-86ca-8466e7a7f53f",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider4",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ec924236-9797-491e-bca5-6fab6711f2da": {
|
|
"id": "ec924236-9797-491e-bca5-6fab6711f2da",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"queryName": "updatePromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updatePromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button6",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 79.0697419241573,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"cb71d470-0254-4fa8-92d9-735a91f5f66e": {
|
|
"id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button7",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 60.46510115735242,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": " {{components.table1.selectedRow.promo_code}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text49",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.58139644141283,
|
|
"width": 30,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"c3abc934-592d-4051-bb65-9918c92cbf5b": {
|
|
"id": "c3abc934-592d-4051-bb65-9918c92cbf5b",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image7",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 86.04651162790697,
|
|
"width": 3,
|
|
"height": 20
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "#2f3c4c",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"appId": "eeb258c5-b56b-4d27-8242-275f2d9fafa1",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-12-08T07:22:13.872Z",
|
|
"updatedAt": "2024-01-02T20:59:15.400Z"
|
|
},
|
|
"components": [
|
|
{
|
|
"id": "e7442013-9866-4ba8-bbb4-266b42950c64",
|
|
"name": "container1",
|
|
"type": "Container",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#ffffff00",
|
|
"fxActive": false
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e6956487-1c41-4df8-af96-3d030a5a9f28",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.3255815595649167,
|
|
"width": 41,
|
|
"height": 70,
|
|
"componentId": "e7442013-9866-4ba8-bbb4-266b42950c64"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "75834bfe-8eaa-4855-8c3d-56f2dd970c96",
|
|
"name": "text1",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "e7442013-9866-4ba8-bbb4-266b42950c64",
|
|
"properties": {
|
|
"text": {
|
|
"value": "B R A N D"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{24}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": "{{0}}"
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "29fb3b6e-46e7-4913-8953-4bb2e04a0edc",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 2.3255818774724633,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "75834bfe-8eaa-4855-8c3d-56f2dd970c96"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "151adf46-ad3f-4741-a1f7-cc080cb6fd1d",
|
|
"name": "text2",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "e7442013-9866-4ba8-bbb4-266b42950c64",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo Code Management"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#ffffffff",
|
|
"fxActive": false
|
|
},
|
|
"textSize": {
|
|
"value": "{{20}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f4e43137-6a49-4a65-b978-3f02eccc83ef",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40,
|
|
"componentId": "151adf46-ad3f-4741-a1f7-cc080cb6fd1d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "86e2176d-961a-42e5-8789-f537740e8ffc",
|
|
"name": "text4",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "35b2ca85-3ebd-4031-89ad-6397ff54760b",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.651170456181344,
|
|
"width": 38,
|
|
"height": 40,
|
|
"componentId": "86e2176d-961a-42e5-8789-f537740e8ffc"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6477710b-7324-4237-8739-44d2ab69b372",
|
|
"name": "text5",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "ID :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ae78ae1e-783f-4d59-baf5-84c481d4a196",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "6477710b-7324-4237-8739-44d2ab69b372"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "cc6ff56d-456b-43e0-ae8b-7a4c258bccea",
|
|
"name": "text6",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3433a187-5873-4baf-ae2e-c961711dd903",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 4.651149256140372,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "cc6ff56d-456b-43e0-ae8b-7a4c258bccea"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9402cb41-b2a2-4238-92e0-caad8843afff",
|
|
"name": "text7",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT VALUE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "10973336-5ed3-48c2-afad-4ea8f4018021",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "9402cb41-b2a2-4238-92e0-caad8843afff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "84f8f4a7-8743-4234-bb4f-e4bdd01ddbe9",
|
|
"name": "text8",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "CREATED ON :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4179b1c5-b90a-4bdf-8105-7abbc5c4977f",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "84f8f4a7-8743-4234-bb4f-e4bdd01ddbe9"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4a9f52a8-70c1-48cf-8ef0-54710eb68d2c",
|
|
"name": "text9",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "de1b14a6-8a3b-4a54-b52f-63c1bfe1c441",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 4.651162790697674,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "4a9f52a8-70c1-48cf-8ef0-54710eb68d2c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "51362f80-72aa-4e2f-a9dd-be14186ca852",
|
|
"name": "text10",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "655c2b6b-782a-4bae-988e-8c8bb86d9605",
|
|
"type": "desktop",
|
|
"top": 200,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "51362f80-72aa-4e2f-a9dd-be14186ca852"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "82ec50a3-b4ad-4544-a32a-1bf19a8148ed",
|
|
"name": "text11",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2a940960-59a4-40df-b319-d9613979f407",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "82ec50a3-b4ad-4544-a32a-1bf19a8148ed"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "63e53aa9-8c02-474c-8b04-a5301ef3961e",
|
|
"name": "text12",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "286cd0ec-15b1-41e8-99a2-d20d8709b0a5",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30,
|
|
"componentId": "63e53aa9-8c02-474c-8b04-a5301ef3961e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "37ba4ee8-cafd-4c97-a567-bcff8b479bd7",
|
|
"name": "text18",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount calculator"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e9240fb7-0454-49e9-a2a5-483a9eacece2",
|
|
"type": "desktop",
|
|
"top": 10,
|
|
"left": 4.651162790697674,
|
|
"width": 31,
|
|
"height": 40,
|
|
"componentId": "37ba4ee8-cafd-4c97-a567-bcff8b479bd7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "31b2c113-4c9b-4b3f-945a-ef0837234cdc",
|
|
"name": "text19",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "eaa2f9b2-f001-498b-bde8-5ab16e9918ba",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40,
|
|
"componentId": "31b2c113-4c9b-4b3f-945a-ef0837234cdc"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0da71f74-259b-4150-b591-4ecb61157462",
|
|
"name": "text20",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cart value ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6b438ba0-3b46-43e6-bc29-5f5f239cf265",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40,
|
|
"componentId": "0da71f74-259b-4150-b591-4ecb61157462"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1d95b6de-f594-4c80-8975-06ab645d67bf",
|
|
"name": "numberinput2",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"value": {
|
|
"value": "99"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput2.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "da75d4dd-e957-41dd-a005-b80503f16333",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 34.88372262026046,
|
|
"width": 25,
|
|
"height": 40,
|
|
"componentId": "1d95b6de-f594-4c80-8975-06ab645d67bf"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "25728cf9-c7f9-4a7e-b6f9-c654419331c4",
|
|
"name": "text23",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6f850e93-d303-40d3-a655-a17cc7b8abea",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "25728cf9-c7f9-4a7e-b6f9-c654419331c4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "17ecbacd-6800-4e76-b8f1-e3944efdaf2c",
|
|
"name": "text24",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7bd8616a-de2f-455f-b0e1-2766eff7a66d",
|
|
"type": "desktop",
|
|
"top": 80,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "17ecbacd-6800-4e76-b8f1-e3944efdaf2c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "470ebe9f-57a1-4294-a71d-bfa5c74d02ba",
|
|
"name": "text25",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "34642b60-570b-43e7-938f-518f871ddc57",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "470ebe9f-57a1-4294-a71d-bfa5c74d02ba"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7793e355-ab55-4960-9cee-dfa0a74aa272",
|
|
"name": "text26",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.table1.selectedRow.created_at, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "6de150be-419f-471a-9a04-1801c14ddd06",
|
|
"type": "desktop",
|
|
"top": 140,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "7793e355-ab55-4960-9cee-dfa0a74aa272"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "39d68b39-0671-4e81-932d-e6d52c50acac",
|
|
"name": "text27",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.table1.selectedRow.valid_till, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e1604f3e-fec5-4d69-90c9-a733ace2be3b",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "39d68b39-0671-4e81-932d-e6d52c50acac"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "a944319d-632a-4cdf-b27c-71bfba7c6f68",
|
|
"name": "text28",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \" \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f12ebbf5-b218-45ca-a93e-378507642963",
|
|
"type": "desktop",
|
|
"top": 200,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "a944319d-632a-4cdf-b27c-71bfba7c6f68"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "bd66d283-bd43-4caa-ad4c-28ace19efb72",
|
|
"name": "text29",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "32d40505-2115-4f5e-aa22-34e31d2d12b5",
|
|
"type": "desktop",
|
|
"top": 230,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "bd66d283-bd43-4caa-ad4c-28ace19efb72"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "5a3bd2ba-616c-4888-bbe4-bf7fed6d794c",
|
|
"name": "text30",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "df997065-d8ea-40b7-bc66-b56bc5be881d",
|
|
"type": "desktop",
|
|
"top": 260,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30,
|
|
"componentId": "5a3bd2ba-616c-4888-bbe4-bf7fed6d794c"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2784212f-5468-4316-8067-5b3bd88ce239",
|
|
"name": "dropdown3",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => code.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "55b0b753-1276-41f0-ab3f-f764fd0a39a1",
|
|
"type": "desktop",
|
|
"top": 50,
|
|
"left": 34.88372007927673,
|
|
"width": 25,
|
|
"height": 40,
|
|
"componentId": "2784212f-5468-4316-8067-5b3bd88ce239"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b500d1e1-b17f-4448-bdb6-b6f75bcb19d8",
|
|
"name": "dropdown1",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "6471b777-8ced-4614-b8b5-acf3893185a1",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"active\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"active\", \"inactive\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Active\", \"Inactive\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a99b9a15-28f6-495a-9a28-2cfc45c6ff2f",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 72.09301820709345,
|
|
"width": 11.000000000000002,
|
|
"height": 40,
|
|
"componentId": "b500d1e1-b17f-4448-bdb6-b6f75bcb19d8"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0cc5c2c5-69ad-4b5e-bfda-3b3162cfc47a",
|
|
"name": "text3",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "6471b777-8ced-4614-b8b5-acf3893185a1",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo codes available:"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "30214f0e-7a24-4c6b-ac9e-4a1b79ae6be3",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 2.325582231845547,
|
|
"width": 14.000000000000002,
|
|
"height": 40,
|
|
"componentId": "0cc5c2c5-69ad-4b5e-bfda-3b3162cfc47a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "42fdea92-ffa6-441c-af36-71544fbf4a20",
|
|
"name": "container3",
|
|
"type": "Container",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#8888884d"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:52:06.647Z",
|
|
"layouts": [
|
|
{
|
|
"id": "07ac8ecf-3771-40c4-b033-eeeaa34e83bf",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 67.441859742764,
|
|
"width": 12.999999999999998,
|
|
"height": 310,
|
|
"componentId": "42fdea92-ffa6-441c-af36-71544fbf4a20"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"name": "modal1",
|
|
"type": "Modal",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a3c4b4ee-0776-4b1d-bdd5-8e474e3b946c",
|
|
"type": "desktop",
|
|
"top": 890,
|
|
"left": 2.3255813953488373,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "61101584-b700-40a4-b76a-76c506ae4764"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6471b777-8ced-4614-b8b5-acf3893185a1",
|
|
"name": "container2",
|
|
"type": "Container",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#8888884d"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:51:55.220Z",
|
|
"layouts": [
|
|
{
|
|
"id": "565e72ee-afb7-4fec-908a-2b92ba7de768",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 2.3255813953488373,
|
|
"width": 27,
|
|
"height": 600,
|
|
"componentId": "6471b777-8ced-4614-b8b5-acf3893185a1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"name": "container4",
|
|
"type": "Container",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#8888884d"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2024-01-02T20:52:17.491Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cc46e310-1781-4986-b82c-db9ef406b5a9",
|
|
"type": "desktop",
|
|
"top": 480,
|
|
"left": 67.44186046511628,
|
|
"width": 13,
|
|
"height": 230,
|
|
"componentId": "18959eb5-339c-439a-a804-b342e428a0bf"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "1e5fb1cc-f0a8-44bf-870f-99cbd2f3a64b",
|
|
"name": "text21",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "15a4dd77-996c-4f7b-988b-78abbb09a4f2",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 4.651189226129047,
|
|
"width": 15,
|
|
"height": 40,
|
|
"componentId": "1e5fb1cc-f0a8-44bf-870f-99cbd2f3a64b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ef56fdf4-79f0-4d5c-8104-b65f8d19c7e5",
|
|
"name": "text22",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown3.value != undefined ? queries.calculateFinalAmount.data.finalValue : \"0\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ed26bea5-d447-4044-baa4-ec21fa058f6d",
|
|
"type": "desktop",
|
|
"top": 160,
|
|
"left": 39.53488372093023,
|
|
"width": 22.999999999999996,
|
|
"height": 40,
|
|
"componentId": "ef56fdf4-79f0-4d5c-8104-b65f8d19c7e5"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c7a01fcb-39af-4b53-8e33-5bc84466a7be",
|
|
"name": "divider2",
|
|
"type": "Divider",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cdc4e7a0-c841-46a5-9e67-47cc83e32f32",
|
|
"type": "desktop",
|
|
"top": 150,
|
|
"left": 4.6511556885566385,
|
|
"width": 38,
|
|
"height": 10,
|
|
"componentId": "c7a01fcb-39af-4b53-8e33-5bc84466a7be"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7ee23d02-b5e9-486f-8275-95faef806b3a",
|
|
"name": "text31",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4faed05e-4eb1-4e68-871a-8e1a10636a8f",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "7ee23d02-b5e9-486f-8275-95faef806b3a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "252005e3-9bde-4f91-bf37-0f62ea264bed",
|
|
"name": "textinput1",
|
|
"type": "TextInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter promo code"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4a0722d4-80ce-48e2-84c7-ebcf6b513b8f",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 25.581395346098788,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "252005e3-9bde-4f91-bf37-0f62ea264bed"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f562aca6-0b60-4ea3-b32d-deaafc3897d0",
|
|
"name": "button2",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Generate code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "bd3a7397-33e5-48ea-be48-f893a1fe140d",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 65.11629539484923,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "f562aca6-0b60-4ea3-b32d-deaafc3897d0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "96f44ab4-b07b-4a9f-a1c5-1c1dcffd6e30",
|
|
"name": "image1",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)."
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ac81b124-e171-45ae-bcb4-4ff1b1462f78",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 90.69767122377431,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "96f44ab4-b07b-4a9f-a1c5-1c1dcffd6e30"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "53f009b4-4e6f-4f7a-9f0f-c42e6f721e99",
|
|
"name": "text32",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "e738237b-73a6-44c7-a521-a1f4954ec321",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "53f009b4-4e6f-4f7a-9f0f-c42e6f721e99"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9c49e1a4-d2ea-4279-93b9-5f0fee6ecc04",
|
|
"name": "dropdown4",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "percent"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b2f88341-783e-4b36-98aa-5fed3199f8f1",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 25.58139595221208,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "9c49e1a4-d2ea-4279-93b9-5f0fee6ecc04"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "3b3a07b5-6cd2-43bb-8392-b6903a075904",
|
|
"name": "numberinput3",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"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": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "90012137-dc46-4192-b9f8-a7c9657ce64b",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 65.11625539117162,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "3b3a07b5-6cd2-43bb-8392-b6903a075904"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d1b82a31-2f57-4e7b-a73d-892f1fd68772",
|
|
"name": "text34",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "c7b18a70-c44d-4105-bc04-bcf03d9eb01e",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 90.69767485756182,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "d1b82a31-2f57-4e7b-a73d-892f1fd68772"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f61d0410-d718-49e2-afb6-6601e01877cb",
|
|
"name": "text33",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "82fb951e-087b-4973-ba77-026582982800",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "f61d0410-d718-49e2-afb6-6601e01877cb"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2c6354c3-67c3-4b31-8805-770bf994ba01",
|
|
"name": "dropdown5",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f7ceb41b-da2d-495f-a5ba-46faab272b77",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 25.581418019395514,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "2c6354c3-67c3-4b31-8805-770bf994ba01"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "89620e87-b3c1-4db0-9789-30259a84f669",
|
|
"name": "numberinput4",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"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": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "428c3c2f-2769-4f7c-a200-aedb723918ab",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 65.11627782060043,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "89620e87-b3c1-4db0-9789-30259a84f669"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f022ddcb-a651-4562-a65d-01ce135c1134",
|
|
"name": "text35",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7d54cbde-2670-4d41-be68-6a7100ebeb13",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "f022ddcb-a651-4562-a65d-01ce135c1134"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ba68e80a-630a-429f-9797-ec9cb2d2008a",
|
|
"name": "text36",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "8609cc05-d48d-4791-a9f5-c6f33d7e269d",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "ba68e80a-630a-429f-9797-ec9cb2d2008a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "eef7a25f-3263-41be-8390-be34c50d6422",
|
|
"name": "dropdown6",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "fef9eafb-1444-4ef9-8c50-64f562d6ff4d",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 25.58138499611037,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "eef7a25f-3263-41be-8390-be34c50d6422"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "005ca775-0f57-4797-8645-335fa9c54477",
|
|
"name": "text37",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d5401c91-1d03-4a05-b0fe-6bdfa02f9e69",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "005ca775-0f57-4797-8645-335fa9c54477"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "12dfd7a3-f5d5-41e6-9e02-fbacbdbdeb4e",
|
|
"name": "numberinput5",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"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": ""
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3616e57d-5fb5-4924-8b8b-3e6e96b8f037",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 65.11626117041483,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "12dfd7a3-f5d5-41e6-9e02-fbacbdbdeb4e"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "90f0915b-f99b-40d3-ad57-afe809fdd44b",
|
|
"name": "text38",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cd913141-2561-47c9-9659-44e86e76146e",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "90f0915b-f99b-40d3-ad57-afe809fdd44b"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "454f71d4-6e23-410f-8d2f-ef86419b6bd1",
|
|
"name": "dropdown7",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "91f29b7b-f6af-4702-aa04-c7b28d3fe65d",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 25.581389164325977,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "454f71d4-6e23-410f-8d2f-ef86419b6bd1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "bbe70ac5-5bc5-4715-a4a2-235e7faa4d91",
|
|
"name": "text39",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5537897d-c44c-4dd6-8cfd-791d10d8c97c",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "bbe70ac5-5bc5-4715-a4a2-235e7faa4d91"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "7fcf17b9-f195-4623-a10a-c6cff971c1b1",
|
|
"name": "datepicker1",
|
|
"type": "Datepicker",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "29b9516f-468b-41e2-8718-8d6889f7c92a",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 25.581393180600156,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "7fcf17b9-f195-4623-a10a-c6cff971c1b1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "2debee04-95c9-453f-a670-3de1e72d181a",
|
|
"name": "image2",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "445adeb9-3364-40e3-a2f6-d84bc1f094d7",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 58.139524728971374,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "2debee04-95c9-453f-a670-3de1e72d181a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0b4aaf76-db69-4784-82ff-46902344ed02",
|
|
"name": "image3",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "747a3290-f16e-4cb4-a76f-afd6dd6c9388",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 90.69767030875896,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "0b4aaf76-db69-4784-82ff-46902344ed02"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8db53b5a-6dff-4421-8298-3ae1b0ccd113",
|
|
"name": "divider3",
|
|
"type": "Divider",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "023543de-86bb-4289-9120-fd2e45eb3993",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10,
|
|
"componentId": "8db53b5a-6dff-4421-8298-3ae1b0ccd113"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f87c7126-ee7c-4c0d-9a84-c7712a9d1f38",
|
|
"name": "button3",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.createPromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "33a276d2-a857-45c9-be8b-e2e7b745b7e5",
|
|
"type": "desktop",
|
|
"top": 470,
|
|
"left": 79.06975049651071,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "f87c7126-ee7c-4c0d-9a84-c7712a9d1f38"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c2241aed-0574-425f-9d18-bbdf8237c488",
|
|
"name": "button4",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "fc0dc2fc-13d1-45ed-b60f-30627ff0fb89",
|
|
"type": "desktop",
|
|
"top": 470,
|
|
"left": 60.465109099446764,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "c2241aed-0574-425f-9d18-bbdf8237c488"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "60b15720-ca6a-4091-a2c7-b4f22a5dc85f",
|
|
"name": "text40",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "98378b4b-f14f-4d35-81d5-46bb80febc5f",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "60b15720-ca6a-4091-a2c7-b4f22a5dc85f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "99b18206-3e37-46d9-8ec7-c7829123076f",
|
|
"name": "text41",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cc8e63b9-8e8c-435c-8c4b-df5ff4c0463a",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "99b18206-3e37-46d9-8ec7-c7829123076f"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0afcc8d5-a2e5-42f4-acf9-fa7aaceff976",
|
|
"name": "dropdown8",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.discount_type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "51ba8af5-5d08-49e5-8a58-90e016cb7dbc",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 25.581393521814153,
|
|
"width": 17,
|
|
"height": 40,
|
|
"componentId": "0afcc8d5-a2e5-42f4-acf9-fa7aaceff976"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "ee42e164-d227-459a-9abf-db4307e36009",
|
|
"name": "numberinput6",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"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": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "cb845f78-0c57-447b-80bb-8be4e438337a",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 65.11626481525688,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "ee42e164-d227-459a-9abf-db4307e36009"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f85ef9cf-a968-433e-a347-dc4d5b588751",
|
|
"name": "text42",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "12976ad4-46bb-4f0b-bf41-7778b3bd1281",
|
|
"type": "desktop",
|
|
"top": 100,
|
|
"left": 90.69767764424473,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "f85ef9cf-a968-433e-a347-dc4d5b588751"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "9e5e84a9-8180-4a5d-bbac-034193840dc7",
|
|
"name": "text43",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "b65d1473-8e46-476b-a35c-d6570d363f6a",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "9e5e84a9-8180-4a5d-bbac-034193840dc7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "cf94dbe9-fdc7-41b7-a34d-4e79a755b9f6",
|
|
"name": "dropdown9",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.minimum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "bb446c3b-b0c0-4321-804d-945d84dc557f",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 25.581401911408808,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "cf94dbe9-fdc7-41b7-a34d-4e79a755b9f6"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "74e27e44-e494-4944-a935-608eb56bc3ff",
|
|
"name": "numberinput7",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"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": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ec1a79e4-c08f-41a0-bf5d-c451b8adeec0",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 65.11628599331276,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "74e27e44-e494-4944-a935-608eb56bc3ff"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "e2ca97b9-e7e6-43d2-9774-dd226564f6a1",
|
|
"name": "text44",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7d348192-aa95-4457-bef1-697b63c580fe",
|
|
"type": "desktop",
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "e2ca97b9-e7e6-43d2-9774-dd226564f6a1"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "04565f78-9e39-4f3d-9de8-6b8c687fe617",
|
|
"name": "text45",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "92c5fb79-7dcd-4f6a-871a-a4ffd4e428d1",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "04565f78-9e39-4f3d-9de8-6b8c687fe617"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "4435a703-2f53-4b80-91be-d69ee7bb6286",
|
|
"name": "dropdown10",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.maximum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "117c94c3-8b13-4133-8950-2cd0d61a7deb",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 25.58137657187239,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "4435a703-2f53-4b80-91be-d69ee7bb6286"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b8e3fd60-b9a1-4e7f-b2d5-65cd837a850d",
|
|
"name": "text46",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "a42f17d1-e8b6-4003-9c4e-ee7c91b3cbe4",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "b8e3fd60-b9a1-4e7f-b2d5-65cd837a850d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b63f7665-6e04-4ca4-b2a0-d6b7a7ed3410",
|
|
"name": "numberinput8",
|
|
"type": "NumberInput",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"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": ""
|
|
}
|
|
},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "2d8c872d-aad6-4cf5-a836-b98d19671c36",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 65.11629197312911,
|
|
"width": 10,
|
|
"height": 40,
|
|
"componentId": "b63f7665-6e04-4ca4-b2a0-d6b7a7ed3410"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "46b0698c-f3d1-4735-a3dc-2f0424d62b08",
|
|
"name": "text47",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "f02d323c-f49b-41e6-9314-b6c1e2d4e767",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "46b0698c-f3d1-4735-a3dc-2f0424d62b08"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "54748894-5db6-4771-a35c-a2f27428d649",
|
|
"name": "dropdown11",
|
|
"type": "DropDown",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.free_shipping_bool}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "7f96cd2b-8b42-4331-9533-dc936d6f2b81",
|
|
"type": "desktop",
|
|
"top": 310,
|
|
"left": 25.581399583203897,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "54748894-5db6-4771-a35c-a2f27428d649"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "b2605c6b-5bad-41be-836b-f41adf5281d4",
|
|
"name": "text48",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "5036563e-6996-4434-ba52-eb0a8a326599",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40,
|
|
"componentId": "b2605c6b-5bad-41be-836b-f41adf5281d4"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "64d4b72f-ca38-47ed-9ca0-83327c00f474",
|
|
"name": "datepicker2",
|
|
"type": "Datepicker",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.valid_till}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "93a39f3e-4a76-43f5-ace7-2c67c8e99dfa",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 25.58139095173029,
|
|
"width": 13,
|
|
"height": 40,
|
|
"componentId": "64d4b72f-ca38-47ed-9ca0-83327c00f474"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "bac23f80-ea29-436a-a30a-bc9d848f4727",
|
|
"name": "image5",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "3cf5192f-5ad2-4643-b4ca-bc5df9fc0eaa",
|
|
"type": "desktop",
|
|
"top": 380,
|
|
"left": 58.13952912432483,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "bac23f80-ea29-436a-a30a-bc9d848f4727"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "fb3cb903-3f98-4130-ab2c-699764884b0d",
|
|
"name": "image6",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d4239dd8-ed08-463f-831a-bad46dced6e5",
|
|
"type": "desktop",
|
|
"top": 240,
|
|
"left": 90.69766853643817,
|
|
"width": 2,
|
|
"height": 40,
|
|
"componentId": "fb3cb903-3f98-4130-ab2c-699764884b0d"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "c675899d-334f-4675-bf95-3e607ca2b871",
|
|
"name": "divider4",
|
|
"type": "Divider",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {},
|
|
"general": {},
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "de32e6da-c29c-4954-a9bf-204538576aa8",
|
|
"type": "desktop",
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10,
|
|
"componentId": "c675899d-334f-4675-bf95-3e607ca2b871"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "56d1907b-034e-4dd8-aaf7-3fa06cb4f551",
|
|
"name": "button6",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updatePromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d3c8bf4e-6a02-42c8-a1ec-6196f55cae71",
|
|
"type": "desktop",
|
|
"top": 470,
|
|
"left": 79.0697419241573,
|
|
"width": 7.000000000000001,
|
|
"height": 40,
|
|
"componentId": "56d1907b-034e-4dd8-aaf7-3fa06cb4f551"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "8f9dce13-ccbc-44f0-b315-64838ed354df",
|
|
"name": "text49",
|
|
"type": "Text",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": " {{components.table1.selectedRow.promo_code}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "fee18291-bc7e-4fb7-9a4e-41e565901891",
|
|
"type": "desktop",
|
|
"top": 30,
|
|
"left": 25.58139644141283,
|
|
"width": 30,
|
|
"height": 40,
|
|
"componentId": "8f9dce13-ccbc-44f0-b315-64838ed354df"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "0139136d-068b-4051-a7d0-dd617943805a",
|
|
"name": "image7",
|
|
"type": "Image",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "18959eb5-339c-439a-a804-b342e428a0bf",
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable."
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "8a425eae-a3fa-4f91-9aa2-436ae406b31c",
|
|
"type": "desktop",
|
|
"top": 20,
|
|
"left": 86.04651162790697,
|
|
"width": 3,
|
|
"height": 20,
|
|
"componentId": "0139136d-068b-4051-a7d0-dd617943805a"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"name": "modal2",
|
|
"type": "Modal",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "add07097-7598-427c-8e8c-faa5a5c2add7",
|
|
"type": "desktop",
|
|
"top": 890,
|
|
"left": 18.60465583522423,
|
|
"width": 6,
|
|
"height": 40,
|
|
"componentId": "f5484be8-6d16-4e13-ad20-08ae36a92fb7"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "6bf69cad-5ec9-4070-921e-03d3604503d0",
|
|
"name": "button1",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": null,
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "ec87a0bc-2c9f-4fb8-997b-d3a00b341287",
|
|
"type": "desktop",
|
|
"top": 110,
|
|
"left": 67.44187906040719,
|
|
"width": 12.999999999999998,
|
|
"height": 40,
|
|
"componentId": "6bf69cad-5ec9-4070-921e-03d3604503d0"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "d1f1f345-97b6-4cab-8701-f7a1e1e7faef",
|
|
"name": "button7",
|
|
"type": "Button",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"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"
|
|
}
|
|
},
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"layouts": [
|
|
{
|
|
"id": "d1921054-3cfd-4f11-b6f7-861def572d81",
|
|
"type": "desktop",
|
|
"top": 470,
|
|
"left": 60.46509861636869,
|
|
"width": 7,
|
|
"height": 40,
|
|
"componentId": "d1f1f345-97b6-4cab-8701-f7a1e1e7faef"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "dbcb6bbd-c2e8-4ab3-ab99-8642f89c3be2",
|
|
"name": "table1",
|
|
"type": "Table",
|
|
"pageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"parent": "6471b777-8ced-4614-b8b5-acf3893185a1",
|
|
"properties": {
|
|
"loadingState": {
|
|
"value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}"
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"id": "28f5b628-749e-493a-b307-63cdcc071a7f",
|
|
"name": "promo code",
|
|
"key": "promo_code",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8",
|
|
"name": "discount value",
|
|
"key": "discount_value",
|
|
"columnType": "string"
|
|
},
|
|
{
|
|
"id": "66211b00-fdfe-4ee4-b656-02275a663665",
|
|
"name": "free shipping",
|
|
"key": "free_shipping",
|
|
"columnType": "default",
|
|
"autogenerated": true,
|
|
"values": "{{[true, false]}}",
|
|
"labels": "{{[\"Yes\", \"No\"]}}",
|
|
"activeColor": "#3e63ddff",
|
|
"textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}"
|
|
},
|
|
{
|
|
"id": "5cb60a0e-9212-49d6-9c74-fde9b8ded97e",
|
|
"name": "id",
|
|
"key": "id",
|
|
"columnType": "number",
|
|
"autogenerated": true
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82,
|
|
"e6e9b325-4568-49a5-ac62-9aa215d02ea8": 203,
|
|
"28f5b628-749e-493a-b307-63cdcc071a7f": 278,
|
|
"66211b00-fdfe-4ee4-b656-02275a663665": 53
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
}
|
|
],
|
|
"position": "right"
|
|
}
|
|
]
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"discount_type",
|
|
"amount",
|
|
"minimum_spend",
|
|
"maximum_spend",
|
|
"created_at",
|
|
"valid_till",
|
|
"updated_at",
|
|
"updated_at",
|
|
"free_shipping_bool"
|
|
]
|
|
}
|
|
},
|
|
"general": null,
|
|
"styles": {
|
|
"actionButtonRadius": {
|
|
"value": "50"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
}
|
|
},
|
|
"generalStyles": null,
|
|
"displayPreferences": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"validation": {},
|
|
"createdAt": "2024-01-02T20:50:35.446Z",
|
|
"updatedAt": "2024-01-02T20:59:15.388Z",
|
|
"layouts": [
|
|
{
|
|
"id": "4badacd9-b3a1-469f-9f21-2e08550eb80d",
|
|
"type": "desktop",
|
|
"top": 76,
|
|
"left": 2.325586892195074,
|
|
"width": 41.00000000000001,
|
|
"height": 490,
|
|
"componentId": "dbcb6bbd-c2e8-4ab3-ab99-8642f89c3be2"
|
|
}
|
|
]
|
|
}
|
|
],
|
|
"pages": [
|
|
{
|
|
"id": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"name": "Home",
|
|
"handle": "home",
|
|
"index": 0,
|
|
"disabled": false,
|
|
"hidden": false,
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1"
|
|
}
|
|
],
|
|
"events": [
|
|
{
|
|
"id": "6bf3cf5f-18a0-498b-a798-bf9c6cb087db",
|
|
"name": "onSelect",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onSelect",
|
|
"message": "Hello world!",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "2784212f-5468-4316-8067-5b3bd88ce239",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "0d66fe51-7291-4753-abc6-4c4ba0aea462",
|
|
"name": "onChange",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onChange",
|
|
"message": "Hello world!",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"actionId": "run-query",
|
|
"debounce": "50",
|
|
"alertType": "info",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "1d95b6de-f594-4c80-8975-06ab645d67bf",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ed0dc21e-9da7-4811-9b27-8fd79233ae38",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "bfb0edbd-68ec-4136-a600-a5c34a745a9c",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "generatePromoCode",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "f562aca6-0b60-4ea3-b32d-deaafc3897d0",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "1f030c47-ba6f-40b9-b6d0-b3fb69bf5bfd",
|
|
"name": "onSelect",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onSelect",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "9c49e1a4-d2ea-4279-93b9-5f0fee6ecc04",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "69741a70-a1f9-49d3-9724-721e929a483f",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "createPromoCode",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "f87c7126-ee7c-4c0d-9a84-c7712a9d1f38",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "26d583a6-8ade-4743-9187-b016246ccb44",
|
|
"name": "onSelect",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onSelect",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "0afcc8d5-a2e5-42f4-acf9-fa7aaceff976",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "7a1b4f4c-1394-4c12-9a6c-3f8d24f67d67",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"queryId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "updatePromoCode",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "56d1907b-034e-4dd8-aaf7-3fa06cb4f551",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "e60e5169-63b6-4213-9d5a-a023f63d8509",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Promo Code created successfully.",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "a25ba81b-2798-4c08-8b49-660977f8f964",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getPromoCodes",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "2b747918-b62b-4666-b729-217f9b580cf8",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to create Promo Code! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "659e56c8-fa7d-43e6-8675-01214b4c460d",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "33626046-e6e8-4fc9-9e51-e214dc70a91d",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "segregatePromoCodes",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "afa6c114-9438-44bb-aeab-526764ed334d",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 1,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Promo Code updated successfully.",
|
|
"actionId": "show-alert",
|
|
"alertType": "success"
|
|
},
|
|
"sourceId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "64a4d8c7-fa21-416d-8051-6e48c685946a",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 2,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"queryId": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"actionId": "run-query",
|
|
"alertType": "info",
|
|
"queryName": "getPromoCodes",
|
|
"parameters": {}
|
|
},
|
|
"sourceId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "70d5d7ac-9200-4da4-8191-ce788f5d91a6",
|
|
"name": "onDataQueryFailure",
|
|
"index": 3,
|
|
"event": {
|
|
"eventId": "onDataQueryFailure",
|
|
"message": "Failed to update Promo Code! Please check and try again.",
|
|
"actionId": "show-alert",
|
|
"alertType": "warning"
|
|
},
|
|
"sourceId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "a46f8b55-dae0-4e62-b0c9-cf9d358fec10",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "6bf69cad-5ec9-4070-921e-03d3604503d0",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "727bdaa2-28fd-43a9-a08b-7b2a7500f2b3",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "c2241aed-0574-425f-9d18-bbdf8237c488",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "f6bb9f40-76b2-47b9-857b-efe02e17863a",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "d1f1f345-97b6-4cab-8701-f7a1e1e7faef",
|
|
"target": "component",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ba83d393-0ca5-4ebd-82ba-31252fd748b6",
|
|
"name": "onClick",
|
|
"index": 0,
|
|
"event": {
|
|
"ref": "Action0",
|
|
"modal": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"eventId": "onClick",
|
|
"message": "Hello world!",
|
|
"actionId": "show-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "dbcb6bbd-c2e8-4ab3-ab99-8642f89c3be2",
|
|
"target": "table_action",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "ef2729e3-0a24-4ab8-a704-e07f333227b7",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "control-component",
|
|
"alertType": "info",
|
|
"componentId": "252005e3-9bde-4f91-bf37-0f62ea264bed",
|
|
"componentSpecificActionHandle": "setText",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"value": "{{queries.generatePromoCode.data.promoCode}}",
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
"sourceId": "bfb0edbd-68ec-4136-a600-a5c34a745a9c",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "e86baf76-d1fe-492f-8b7e-82da5a2af1a1",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "61101584-b700-40a4-b76a-76c506ae4764",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
},
|
|
{
|
|
"id": "3875cc82-157f-4484-a3f8-a51b57de6de7",
|
|
"name": "onDataQuerySuccess",
|
|
"index": 0,
|
|
"event": {
|
|
"modal": "f5484be8-6d16-4e13-ad20-08ae36a92fb7",
|
|
"eventId": "onDataQuerySuccess",
|
|
"message": "Hello world!",
|
|
"actionId": "close-modal",
|
|
"alertType": "info"
|
|
},
|
|
"sourceId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"target": "data_query",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-24T03:36:08.870Z",
|
|
"updatedAt": "2023-12-24T03:36:08.870Z"
|
|
}
|
|
],
|
|
"dataQueries": [
|
|
{
|
|
"id": "33626046-e6e8-4fc9-9e51-e214dc70a91d",
|
|
"name": "segregatePromoCodes",
|
|
"options": {
|
|
"code": "const data = queries.getPromoCodes.data;\nlet segregatedData = { active: [], inactive: [] };\nconst currentDate = moment().startOf(\"day\");\n\nfunction stringifyValue(discountType, amount) {\n var value = \"\";\n if (discountType == \"percent\") {\n value = amount.toString() + \"%\";\n } else if (discountType == \"fixed\") {\n value = \"$\" + amount.toString();\n } else {\n value = amount.toString();\n }\n return value;\n}\n\ndata.forEach((codeData) => {\n if (moment(codeData.valid_till, \"DD/MM/YYYY\").isSameOrAfter(currentDate)) {\n segregatedData.active.push({\n ...codeData,\n discount_value: stringifyValue(codeData.discount_type, codeData.amount),\n free_shipping_bool: codeData.free_shipping,\n free_shipping: { true: \"Yes\", false: \"No\" }[codeData.free_shipping],\n });\n } else {\n segregatedData.inactive.push({\n ...codeData,\n discount_value: stringifyValue(codeData.discount_type, codeData.amount),\n free_shipping_bool: codeData.free_shipping,\n free_shipping: { true: \"Yes\", false: \"No\" }[codeData.free_shipping],\n });\n }\n});\n\nreturn segregatedData;",
|
|
"hasParamSupport": true,
|
|
"parameters": [],
|
|
"events": []
|
|
},
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
},
|
|
{
|
|
"id": "bfb0edbd-68ec-4136-a600-a5c34a745a9c",
|
|
"name": "generatePromoCode",
|
|
"options": {
|
|
"code": "function generatePromoCode() {\n const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';\n const codeLength = 15;\n let promoCode = '';\n\n for (let i = 0; i < codeLength; i++) {\n const randomIndex = Math.floor(Math.random() * characters.length);\n promoCode += characters[randomIndex];\n }\n\n return promoCode;\n}\n\nreturn {promoCode: generatePromoCode()};",
|
|
"hasParamSupport": true,
|
|
"parameters": [],
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"componentSpecificActionHandle": "setText",
|
|
"componentId": "cdeddc9c-5023-4048-80ce-9bc01663cef9",
|
|
"componentSpecificActionParams": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text",
|
|
"value": "{{queries.generatePromoCode.data.promoCode}}"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
},
|
|
{
|
|
"id": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"name": "calculateFinalAmount",
|
|
"options": {
|
|
"code": "if (components.dropdown3.value === undefined) {\n finalValue = 0;\n return { finalValue };\n}\n\nconst promoCode = queries.getPromoCodes.data.filter(\n (code) => code.id == components.dropdown3.value\n)[0];\n\nconst cartValue = components.numberinput2.value;\n\nvar finalValue = 0;\n\nif (promoCode.minimum_spend !== null && cartValue < promoCode.minimum_spend) {\n finalValue = cartValue;\n} else if (promoCode.discount_type === \"percent\") {\n if (promoCode.maximum_spend !== null && cartValue > promoCode.maximum_spend) {\n finalValue = cartValue - (promoCode.amount / 100) * promoCode.maximum_spend;\n } else {\n finalValue = cartValue - (promoCode.amount / 100) * cartValue;\n }\n} else {\n if (promoCode.maximum_spend !== null && cartValue > promoCode.maximum_spend) {\n finalValue =\n cartValue - Math.min(promoCode.amount, promoCode.maximum_spend);\n } else {\n finalValue = cartValue - Math.min(promoCode.amount, cartValue);\n }\n}\n\nfinalValue += promoCode.free_shipping ? 0 : 10;\nreturn { finalValue };",
|
|
"hasParamSupport": true,
|
|
"parameters": []
|
|
},
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
},
|
|
{
|
|
"id": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"name": "createPromoCode",
|
|
"options": {
|
|
"operation": "create_row",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "c265ae78-4f63-4bc6-9090-b989555939ce",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1701988942433,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "promo_code",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "discount_type",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "amount",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "minimum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "maximum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "free_shipping",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "valid_till",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "updated_at",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"create_row": {
|
|
"0": {
|
|
"column": "promo_code",
|
|
"value": "{{components.textinput1.value}}"
|
|
},
|
|
"1": {
|
|
"column": "discount_type",
|
|
"value": "{{components.dropdown4.value}}"
|
|
},
|
|
"2": {
|
|
"column": "amount",
|
|
"value": "{{components.numberinput3.value}}"
|
|
},
|
|
"3": {
|
|
"column": "minimum_spend",
|
|
"value": "{{components.dropdown5.value ? components.numberinput4.value : undefined}}"
|
|
},
|
|
"4": {
|
|
"column": "maximum_spend",
|
|
"value": "{{components.dropdown6.value ? components.numberinput5.value : undefined}}"
|
|
},
|
|
"5": {
|
|
"column": "free_shipping",
|
|
"value": "{{components.dropdown7.value}}"
|
|
},
|
|
"6": {
|
|
"column": "created_at",
|
|
"value": "{{moment().format(\"DD/MM/YYYY\")}}"
|
|
},
|
|
"7": {
|
|
"column": "valid_till",
|
|
"value": "{{components.datepicker1.value}}"
|
|
},
|
|
"8": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format(\"DD/MM/YYYY\")}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Promo Code created successfully.",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"queryName": "getPromoCodes",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to create Promo Code! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
},
|
|
{
|
|
"id": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"name": "getPromoCodes",
|
|
"options": {
|
|
"operation": "list_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "c265ae78-4f63-4bc6-9090-b989555939ce",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1701971785612,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "promo_code",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "discount_type",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "amount",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "minimum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "maximum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "free_shipping",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "valid_till",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {
|
|
"order_filters": {
|
|
"dc6c71c8-b1db-4bd1-8e33-55c1f3d0992f": {
|
|
"column": "id",
|
|
"order": "desc",
|
|
"id": "dc6c71c8-b1db-4bd1-8e33-55c1f3d0992f"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "33626046-e6e8-4fc9-9e51-e214dc70a91d",
|
|
"queryName": "segregatePromoCodes",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"runOnPageLoad": true
|
|
},
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
},
|
|
{
|
|
"id": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"name": "updatePromoCode",
|
|
"options": {
|
|
"operation": "update_rows",
|
|
"transformationLanguage": "javascript",
|
|
"enableTransformation": false,
|
|
"organization_id": "c54a4ec7-1bcd-45ba-83f6-4789f71951dd",
|
|
"table_id": "c265ae78-4f63-4bc6-9090-b989555939ce",
|
|
"join_table": {
|
|
"joins": [
|
|
{
|
|
"id": 1701991456899,
|
|
"conditions": {
|
|
"operator": "AND",
|
|
"conditionsList": [
|
|
{
|
|
"operator": "=",
|
|
"leftField": {
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
"joinType": "INNER"
|
|
}
|
|
],
|
|
"from": {
|
|
"name": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf",
|
|
"type": "Table"
|
|
},
|
|
"fields": [
|
|
{
|
|
"name": "id",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "promo_code",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "discount_type",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "amount",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "minimum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "maximum_spend",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "free_shipping",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "created_at",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "valid_till",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
},
|
|
{
|
|
"name": "updated_at",
|
|
"table": "22989fdb-9ee1-4aa6-b2cf-32b9571b61cf"
|
|
}
|
|
]
|
|
},
|
|
"list_rows": {},
|
|
"update_rows": {
|
|
"columns": {
|
|
"0": {
|
|
"column": "discount_type",
|
|
"value": "{{components.dropdown8.value}}"
|
|
},
|
|
"1": {
|
|
"column": "amount",
|
|
"value": "{{components.numberinput6.value}}"
|
|
},
|
|
"2": {
|
|
"column": "minimum_spend",
|
|
"value": "{{components.dropdown9.value ? components.numberinput7.value : undefined}}"
|
|
},
|
|
"3": {
|
|
"column": "maximum_spend",
|
|
"value": "{{components.dropdown10.value ? components.numberinput8.value : undefined}}"
|
|
},
|
|
"4": {
|
|
"column": "free_shipping",
|
|
"value": "{{components.dropdown11.value}}"
|
|
},
|
|
"5": {
|
|
"column": "valid_till",
|
|
"value": "{{components.datepicker2.value}}"
|
|
},
|
|
"31d60c66-4117-4c07-8999-ffdff6fabb69": {
|
|
"column": "updated_at",
|
|
"value": "{{moment().format(\"DD/MM/YYYY\")}}"
|
|
}
|
|
},
|
|
"where_filters": {
|
|
"6a209dcf-6784-4d2a-88d9-fce6beae26ad": {
|
|
"column": "id",
|
|
"operator": "eq",
|
|
"value": "{{components.table1.selectedRow.id}}",
|
|
"id": "6a209dcf-6784-4d2a-88d9-fce6beae26ad"
|
|
}
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "show-alert",
|
|
"message": "Promo Code updated successfully.",
|
|
"alertType": "success"
|
|
},
|
|
{
|
|
"eventId": "onDataQuerySuccess",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5d8e839e-f3aa-4347-8bc4-5f4747948218",
|
|
"queryName": "getPromoCodes",
|
|
"parameters": {}
|
|
},
|
|
{
|
|
"eventId": "onDataQueryFailure",
|
|
"actionId": "show-alert",
|
|
"message": "Failed to update Promo Code! Please check and try again.",
|
|
"alertType": "warning"
|
|
}
|
|
]
|
|
},
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"createdAt": "2023-12-08T07:22:13.863Z",
|
|
"updatedAt": "2023-12-08T07:22:13.863Z"
|
|
}
|
|
],
|
|
"dataSources": [
|
|
{
|
|
"id": "daf101cb-741c-49c9-a3c0-3f7ab882e4f9",
|
|
"name": "restapidefault",
|
|
"kind": "restapi",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-08T07:22:13.902Z",
|
|
"updatedAt": "2023-12-08T07:22:13.902Z"
|
|
},
|
|
{
|
|
"id": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"name": "runjsdefault",
|
|
"kind": "runjs",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-08T07:22:13.912Z",
|
|
"updatedAt": "2023-12-08T07:22:13.912Z"
|
|
},
|
|
{
|
|
"id": "39c314ad-5ec1-4c75-be31-8cd56e33d3b6",
|
|
"name": "runpydefault",
|
|
"kind": "runpy",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-08T07:22:13.920Z",
|
|
"updatedAt": "2023-12-08T07:22:13.920Z"
|
|
},
|
|
{
|
|
"id": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"name": "tooljetdbdefault",
|
|
"kind": "tooljetdb",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-08T07:22:13.927Z",
|
|
"updatedAt": "2023-12-08T07:22:13.927Z"
|
|
},
|
|
{
|
|
"id": "ced6bee5-b7f3-47ba-be71-cc518974f869",
|
|
"name": "workflowsdefault",
|
|
"kind": "workflows",
|
|
"type": "static",
|
|
"pluginId": null,
|
|
"appVersionId": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"organizationId": null,
|
|
"scope": "local",
|
|
"createdAt": "2023-12-08T07:22:13.935Z",
|
|
"updatedAt": "2023-12-08T07:22:13.935Z"
|
|
}
|
|
],
|
|
"appVersions": [
|
|
{
|
|
"id": "e647bfdc-362c-4db5-b76b-4793a4e112d1",
|
|
"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": "Promo Code Management"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text2",
|
|
"displayName": "Text",
|
|
"description": "Display markdown or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 69.76744229792882,
|
|
"width": 12,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8b9951e0-82b3-469c-a70b-6e7ece9a9ca8"
|
|
},
|
|
"72c19891-ab7b-4663-809c-e1fd15c82b22": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container2",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 2.3255813953488373,
|
|
"width": 27,
|
|
"height": 580
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5b21c491-8540-4df4-bc56-5ef9b3d18da8": {
|
|
"id": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container3",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 67.44186046511628,
|
|
"width": 12.999999999999998,
|
|
"height": 310
|
|
}
|
|
}
|
|
},
|
|
"25b9f572-8cd7-48b3-b399-3ccb6c80f433": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "string",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"data": {
|
|
"type": "code",
|
|
"displayName": "Table data",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "object"
|
|
},
|
|
"optional": true
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columns": {
|
|
"type": "array",
|
|
"displayName": "Table Columns"
|
|
},
|
|
"useDynamicColumn": {
|
|
"type": "toggle",
|
|
"displayName": "Use dynamic column",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"columnData": {
|
|
"type": "code",
|
|
"displayName": "Column data"
|
|
},
|
|
"rowsPerPage": {
|
|
"type": "code",
|
|
"displayName": "Number of rows per page",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enableNextButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable next page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enabledSort": {
|
|
"type": "toggle",
|
|
"displayName": "Enable column sorting",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide column selector button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"enablePrevButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable previous page button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"totalRecords": {
|
|
"type": "code",
|
|
"displayName": "Total records server side",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"enablePagination": {
|
|
"type": "toggle",
|
|
"displayName": "Enable pagination",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSidePagination": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideSearch": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"serverSideSort": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
]
|
|
},
|
|
"serverSideFilter": {
|
|
"type": "clientServerSwitch",
|
|
"displayName": "Type",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
},
|
|
"options": [
|
|
{
|
|
"displayName": "Client side",
|
|
"value": "clientSide"
|
|
},
|
|
{
|
|
"displayName": "Server side",
|
|
"value": "serverSide"
|
|
}
|
|
],
|
|
"defaultValue": "clientSide"
|
|
},
|
|
"actionButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"displaySearchBox": {
|
|
"type": "toggle",
|
|
"displayName": "Show search",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showDownloadButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show download button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showFilterButton": {
|
|
"type": "toggle",
|
|
"displayName": "Enable filtering",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"type": "toggle",
|
|
"displayName": "Show update buttons",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"allowSelection": {
|
|
"type": "toggle",
|
|
"displayName": "Allow selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"showBulkSelector": {
|
|
"type": "toggle",
|
|
"displayName": "Bulk selection",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"highlightSelectedRow": {
|
|
"type": "toggle",
|
|
"displayName": "Highlight selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"defaultSelectedRow": {
|
|
"type": "code",
|
|
"displayName": "Default selected row",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "object"
|
|
}
|
|
}
|
|
},
|
|
"showAddNewRowButton": {
|
|
"type": "toggle",
|
|
"displayName": "Show add new row button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop "
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onRowHovered": {
|
|
"displayName": "Row hovered"
|
|
},
|
|
"onRowClicked": {
|
|
"displayName": "Row clicked"
|
|
},
|
|
"onBulkUpdate": {
|
|
"displayName": "Save changes"
|
|
},
|
|
"onPageChanged": {
|
|
"displayName": "Page changed"
|
|
},
|
|
"onSearch": {
|
|
"displayName": "Search"
|
|
},
|
|
"onCancelChanges": {
|
|
"displayName": "Cancel changes"
|
|
},
|
|
"onSort": {
|
|
"displayName": "Sort applied"
|
|
},
|
|
"onCellValueChanged": {
|
|
"displayName": "Cell value changed"
|
|
},
|
|
"onFilterChanged": {
|
|
"displayName": "Filter changed"
|
|
},
|
|
"onNewRowsAdded": {
|
|
"displayName": "Add new rows"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"actionButtonRadius": {
|
|
"type": "code",
|
|
"displayName": "Action button radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"tableType": {
|
|
"type": "select",
|
|
"displayName": "Table type",
|
|
"options": [
|
|
{
|
|
"name": "Bordered",
|
|
"value": "table-bordered"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "table-classic"
|
|
},
|
|
{
|
|
"name": "Striped",
|
|
"value": "table-striped"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"cellSize": {
|
|
"type": "select",
|
|
"displayName": "Cell size",
|
|
"options": [
|
|
{
|
|
"name": "Condensed",
|
|
"value": "condensed"
|
|
},
|
|
{
|
|
"name": "Regular",
|
|
"value": "regular"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"actionButtonRadius": {
|
|
"value": "50"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"cellSize": {
|
|
"value": "regular"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"tableType": {
|
|
"value": "table-classic"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Table"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.getPromoCodes.isLoading || queries.segregatePromoCodes.isLoading}}",
|
|
"fxActive": true
|
|
},
|
|
"data": {
|
|
"value": "{{queries.segregatePromoCodes.data[components.dropdown1.value]}}"
|
|
},
|
|
"useDynamicColumn": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnData": {
|
|
"value": "{{[{name: 'email', key: 'email'}, {name: 'Full name', key: 'name', isEditable: true}]}}"
|
|
},
|
|
"rowsPerPage": {
|
|
"value": "{{10}}"
|
|
},
|
|
"serverSidePagination": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableNextButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"enablePrevButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"totalRecords": {
|
|
"value": ""
|
|
},
|
|
"enablePagination": {
|
|
"value": "{{true}}"
|
|
},
|
|
"serverSideSort": {
|
|
"value": "{{false}}"
|
|
},
|
|
"serverSideFilter": {
|
|
"value": "{{false}}"
|
|
},
|
|
"displaySearchBox": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showDownloadButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showFilterButton": {
|
|
"value": "{{true}}"
|
|
},
|
|
"autogenerateColumns": {
|
|
"value": true,
|
|
"generateNestedColumns": true
|
|
},
|
|
"columns": {
|
|
"value": [
|
|
{
|
|
"name": "id",
|
|
"id": "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "28f5b628-749e-493a-b307-63cdcc071a7f",
|
|
"name": "promo code",
|
|
"key": "promo_code",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "e6e9b325-4568-49a5-ac62-9aa215d02ea8",
|
|
"name": "discount value",
|
|
"key": "discount_value",
|
|
"columnType": "string",
|
|
"autogenerated": true
|
|
},
|
|
{
|
|
"id": "66211b00-fdfe-4ee4-b656-02275a663665",
|
|
"name": "free shipping",
|
|
"key": "free_shipping",
|
|
"columnType": "default",
|
|
"autogenerated": true,
|
|
"values": "{{[true, false]}}",
|
|
"labels": "{{[\"Yes\", \"No\"]}}",
|
|
"activeColor": "#3e63ddff",
|
|
"textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}"
|
|
}
|
|
]
|
|
},
|
|
"showBulkUpdateActions": {
|
|
"value": "{{false}}"
|
|
},
|
|
"showBulkSelector": {
|
|
"value": "{{false}}"
|
|
},
|
|
"highlightSelectedRow": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnSizes": {
|
|
"value": {
|
|
"e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82,
|
|
"e6e9b325-4568-49a5-ac62-9aa215d02ea8": 132,
|
|
"28f5b628-749e-493a-b307-63cdcc071a7f": 173,
|
|
"66211b00-fdfe-4ee4-b656-02275a663665": 53
|
|
}
|
|
},
|
|
"actions": {
|
|
"value": [
|
|
{
|
|
"name": "Action0",
|
|
"buttonText": "Edit",
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
}
|
|
],
|
|
"position": "right"
|
|
}
|
|
]
|
|
},
|
|
"enabledSort": {
|
|
"value": "{{true}}"
|
|
},
|
|
"hideColumnSelectorButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"defaultSelectedRow": {
|
|
"value": "{{{\"id\":1}}}"
|
|
},
|
|
"showAddNewRowButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"allowSelection": {
|
|
"value": "{{false}}"
|
|
},
|
|
"columnDeletionHistory": {
|
|
"value": [
|
|
"discount_type",
|
|
"amount",
|
|
"minimum_spend",
|
|
"maximum_spend",
|
|
"created_at",
|
|
"valid_till",
|
|
"updated_at",
|
|
"updated_at",
|
|
"free_shipping_bool"
|
|
]
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "table1",
|
|
"displayName": "Table",
|
|
"description": "Display paginated tabular data",
|
|
"component": "Table",
|
|
"defaultSize": {
|
|
"width": 28.86,
|
|
"height": 456
|
|
},
|
|
"exposedVariables": {
|
|
"selectedRow": {},
|
|
"changeSet": {},
|
|
"dataUpdates": [],
|
|
"pageIndex": 1,
|
|
"searchText": "",
|
|
"selectedRows": [],
|
|
"filters": []
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setPage",
|
|
"displayName": "Set page",
|
|
"params": [
|
|
{
|
|
"handle": "page",
|
|
"displayName": "Page",
|
|
"defaultValue": "{{1}}"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "selectRow",
|
|
"displayName": "Select row",
|
|
"params": [
|
|
{
|
|
"handle": "key",
|
|
"displayName": "Key"
|
|
},
|
|
{
|
|
"handle": "value",
|
|
"displayName": "Value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "deselectRow",
|
|
"displayName": "Deselect row"
|
|
},
|
|
{
|
|
"handle": "discardChanges",
|
|
"displayName": "Discard Changes"
|
|
},
|
|
{
|
|
"handle": "discardNewlyAddedRows",
|
|
"displayName": "Discard newly added rows"
|
|
},
|
|
{
|
|
"displayName": "Download table data",
|
|
"handle": "downloadTableData",
|
|
"params": [
|
|
{
|
|
"handle": "type",
|
|
"displayName": "Type",
|
|
"options": [
|
|
{
|
|
"name": "Download as Excel",
|
|
"value": "xlsx"
|
|
},
|
|
{
|
|
"name": "Download as CSV",
|
|
"value": "csv"
|
|
},
|
|
{
|
|
"name": "Download as PDF",
|
|
"value": "pdf"
|
|
}
|
|
],
|
|
"defaultValue": "{{Download as Excel}}",
|
|
"type": "select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 76,
|
|
"left": 4.6511681997655385,
|
|
"width": 39,
|
|
"height": 470
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"792c10c1-cf06-477b-98bd-d0aa13449910": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{\"active\"}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"active\", \"inactive\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Active\", \"Inactive\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown1",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 69.76743349695931,
|
|
"width": 11.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"61a46182-92c6-49c4-9238-9681dd264a9c": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo codes available:"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text3",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "72c19891-ab7b-4663-809c-e1fd15c82b22",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 4.6511631854108115,
|
|
"width": 14.000000000000002,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"58c73cbf-18df-4306-b27a-a2d01c568fb8": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "show-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button1",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 67.44185505833316,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"e16f682b-0368-499a-9232-6b63e1413a91": {
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Create Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal1",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 730,
|
|
"left": 2.3255813953488373,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"cd50a657-b4a7-4263-9125-5fb9185422f1": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text4",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651170456181344,
|
|
"width": 38,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ad9066eb-e46c-4474-bcb5-f72e4263db60": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "ID :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text5",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"afce716e-3d80-4c37-a0ae-a230307a89ff": {
|
|
"id": "afce716e-3d80-4c37-a0ae-a230307a89ff",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text6",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 4.651149256140372,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"8f2dcd6a-829c-44e8-8014-6de63bed413f": {
|
|
"id": "8f2dcd6a-829c-44e8-8014-6de63bed413f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT VALUE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text7",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 4.6511518558148035,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43": {
|
|
"id": "b86fe12a-42b2-4eeb-a7db-2e7d5ebbaa43",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "CREATED ON :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text8",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"d396afee-afeb-4f6b-9fe6-f91544b7c566": {
|
|
"id": "d396afee-afeb-4f6b-9fe6-f91544b7c566",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text9",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162790697674,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"aa458399-940f-4373-88af-ef9b30727bb0": {
|
|
"id": "aa458399-940f-4373-88af-ef9b30727bb0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text10",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"11481730-3f62-481f-adf7-e81115c06ecc": {
|
|
"id": "11481730-3f62-481f-adf7-e81115c06ecc",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text11",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"71138a31-fefc-4e5d-90c1-a6db58c063d1": {
|
|
"id": "71138a31-fefc-4e5d-90c1-a6db58c063d1",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text12",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 4.651170456181344,
|
|
"width": 18,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"8d336040-7fea-480b-be2a-ee1485302f97": {
|
|
"component": {
|
|
"properties": {
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
},
|
|
"borderRadius": {
|
|
"value": "10"
|
|
},
|
|
"borderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "container4",
|
|
"displayName": "Container",
|
|
"description": "Group components",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 200
|
|
},
|
|
"component": "Container",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 480,
|
|
"left": 67.44186046511628,
|
|
"width": 12.999999999999998,
|
|
"height": 210
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"997f4acf-3168-4b28-a76b-534b8c1c0743": {
|
|
"id": "997f4acf-3168-4b28-a76b-534b8c1c0743",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount calculator"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text18",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 10,
|
|
"left": 4.651162790697674,
|
|
"width": 31,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"05485f1e-fd55-4f3c-9ae7-a10499e1cf8a": {
|
|
"id": "05485f1e-fd55-4f3c-9ae7-a10499e1cf8a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text19",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"b423b98f-92fc-41f4-95f6-000da52ed5b0": {
|
|
"id": "b423b98f-92fc-41f4-95f6-000da52ed5b0",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{}}"
|
|
},
|
|
"values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => code.id)}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{queries.getPromoCodes.data.map((code) => `[${code.id}] ${code.promo_code}`)}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select an option"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown3",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 34.88372262026046,
|
|
"width": 25,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"f8618a9e-e874-4d88-897e-944042130ab0": {
|
|
"id": "f8618a9e-e874-4d88-897e-944042130ab0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cart value ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text20",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651170456181344,
|
|
"width": 12.999999999999998,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"fa43050e-5984-429f-b539-074099b9e2eb": {
|
|
"id": "fa43050e-5984-429f-b539-074099b9e2eb",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onChange",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "8a09ca57-f087-4533-ae40-e14308f2426d",
|
|
"queryName": "calculateFinalAmount",
|
|
"parameters": {},
|
|
"debounce": "50"
|
|
}
|
|
],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "99"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput2.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput2",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 34.88372262026046,
|
|
"width": 25,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"a883b4f4-d471-4a91-bf17-9b7127f52586": {
|
|
"id": "a883b4f4-d471-4a91-bf17-9b7127f52586",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider2",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 4.6511556885566385,
|
|
"width": 38,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"723ba519-3250-410c-bb43-3dd5f9821307": {
|
|
"id": "723ba519-3250-410c-bb43-3dd5f9821307",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Final amount ($)"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text21",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 4.651153545842702,
|
|
"width": 15.000000000000002,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"dadf3050-8808-439a-b4e6-08c996c0bf68": {
|
|
"id": "dadf3050-8808-439a-b4e6-08c996c0bf68",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown3.value != undefined ? queries.calculateFinalAmount.data.finalValue : \"0\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text22",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 160,
|
|
"left": 39.53488372093023,
|
|
"width": 23,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
},
|
|
"795cd997-1cd5-4a87-a221-fa605c3baa06": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.id ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text23",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 50,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"7e51ca19-d1ad-42b7-9939-eba56e2139f4": {
|
|
"id": "7e51ca19-d1ad-42b7-9939-eba56e2139f4",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text24",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 80,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8": {
|
|
"id": "f937ec0f-b892-4faa-8bcc-62a4a1f4dcc8",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text25",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 110,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"cdcf3874-788e-49a3-8101-33a0d9710f99": {
|
|
"id": "cdcf3874-788e-49a3-8101-33a0d9710f99",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.table1.selectedRow.created_at, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text26",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 140,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"e3a7589d-f336-4b85-ae69-a0e1dc757c63": {
|
|
"id": "e3a7589d-f336-4b85-ae69-a0e1dc757c63",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.table1.selectedRow.valid_till, \"DD/MM/YYYY\").format(\"Do MMM YYYY\") : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text27",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"d60b43f3-1661-424c-bd9e-2e55d8f05e22": {
|
|
"id": "d60b43f3-1661-424c-bd9e-2e55d8f05e22",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \" \" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text28",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 200,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"789e977f-acb3-4912-a078-8a8ff620e850": {
|
|
"id": "789e977f-acb3-4912-a078-8a8ff620e850",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text29",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 230,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"45db325e-7aa1-4c46-9b33-91ccf17afe76": {
|
|
"id": "45db325e-7aa1-4c46-9b33-91ccf17afe76",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text30",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 260,
|
|
"left": 48.83721538843795,
|
|
"width": 19,
|
|
"height": 30
|
|
}
|
|
},
|
|
"parent": "5b21c491-8540-4df4-bc56-5ef9b3d18da8"
|
|
},
|
|
"f989e765-4231-4a4e-9bb0-87edf4ad9c7f": {
|
|
"id": "f989e765-4231-4a4e-9bb0-87edf4ad9c7f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text31",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"cdeddc9c-5023-4048-80ce-9bc01663cef9": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
},
|
|
"onEnterPressed": {
|
|
"displayName": "On Enter Pressed"
|
|
},
|
|
"onFocus": {
|
|
"displayName": "On focus"
|
|
},
|
|
"onBlur": {
|
|
"displayName": "On blur"
|
|
}
|
|
},
|
|
"styles": {
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"errTextColor": {
|
|
"type": "color",
|
|
"displayName": "Error text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"textColor": {
|
|
"value": "#000"
|
|
},
|
|
"borderColor": {
|
|
"value": "#dadcde"
|
|
},
|
|
"errTextColor": {
|
|
"value": "#ff0000"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "#fff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"value": ""
|
|
},
|
|
"minLength": {
|
|
"value": null
|
|
},
|
|
"maxLength": {
|
|
"value": null
|
|
},
|
|
"customRule": {
|
|
"value": "{{/^[A-Z0-9]{3,15}$/.test(components.textinput1.value) ? queries.getPromoCodes.data.filter((codeDetails) => codeDetails.promo_code == components.textinput1.value).length == 0 ? true : \"Promo Code already exits!\" : \"Invalid Promo Code!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": ""
|
|
},
|
|
"placeholder": {
|
|
"value": "Enter promo code"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "textinput1",
|
|
"displayName": "Text Input",
|
|
"description": "User text input field",
|
|
"component": "TextInput",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"regex": {
|
|
"type": "code",
|
|
"displayName": "Regex"
|
|
},
|
|
"minLength": {
|
|
"type": "code",
|
|
"displayName": "Min length"
|
|
},
|
|
"maxLength": {
|
|
"type": "code",
|
|
"displayName": "Max length"
|
|
},
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "clear",
|
|
"displayName": "Clear"
|
|
},
|
|
{
|
|
"handle": "setFocus",
|
|
"displayName": "Set focus"
|
|
},
|
|
{
|
|
"handle": "setBlur",
|
|
"displayName": "Set blur"
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.581395346098788,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"380b4870-818e-440f-806a-dc9ae5e1e6a3": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "bfb0edbd-68ec-4136-a600-a5c34a745a9c",
|
|
"queryName": "generatePromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Generate code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button2",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 65.11629539484923,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"0ef3d3b3-84b9-44a2-907d-bdab0d0cf90f": {
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Promo code must be 3 to 15 characters long, comprising only Uppercase Alphabets (A-Z) and numbers (0-9)."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image1",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 90.69767122377431,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"b01f0cad-7de7-47ae-ae40-82ab305e2d12": {
|
|
"id": "b01f0cad-7de7-47ae-ae40-82ab305e2d12",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text32",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"9245395b-3876-4734-acc0-6582dd57870e": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info"
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "percent"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown4",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 25.58139595221208,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ce2797f3-e593-4259-abb8-ce6785a845d1": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput3",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 65.11625539117162,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ce888918-f6cd-428d-9968-a67ff29b4e75": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text34",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 90.69767485756182,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"38daeae7-7a68-42b2-9bca-1067868eb83a": {
|
|
"id": "38daeae7-7a68-42b2-9bca-1067868eb83a",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text33",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"055d88a5-d62a-4848-afc9-d2b7e51847d0": {
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown5",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 25.581418019395514,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"ed7b0be3-f412-4f8a-82de-603d887ee06f": {
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown5.value ? \"100\" : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "99999"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput4.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput4",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 65.11627782060043,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"5f60b7a2-675f-4e6c-8861-c4ab363cae3b": {
|
|
"id": "5f60b7a2-675f-4e6c-8861-c4ab363cae3b",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text35",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"e26de292-20fa-45cd-ae48-51d3dc1b980f": {
|
|
"id": "e26de292-20fa-45cd-ae48-51d3dc1b980f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text36",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": {
|
|
"id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown6",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 25.58138499611037,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"6b75036b-a0ae-486e-9adb-1ef35d5382b5": {
|
|
"id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text37",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"6eca96f9-5602-4199-88f0-36a8b302bc35": {
|
|
"id": "6eca96f9-5602-4199-88f0-36a8b302bc35",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput4.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput5",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 65.11626117041483,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"4c6b810b-9d09-4121-9026-c3b1fb717302": {
|
|
"id": "4c6b810b-9d09-4121-9026-c3b1fb717302",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text38",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"74bf5455-9aef-419a-b83f-1892edb4e2b3": {
|
|
"id": "74bf5455-9aef-419a-b83f-1892edb4e2b3",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{false}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown7",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 25.581389164325977,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": {
|
|
"id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text39",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"4b50dcfd-cf36-44af-87fa-ee05a8112fbb": {
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker1",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 25.581393180600156,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"4ad7daef-6186-47cf-b759-8c35d2e77cfa": {
|
|
"id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image2",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 58.139524728971374,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": {
|
|
"id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image3",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 90.69767030875896,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"199a8791-16ab-4bb5-90b8-c320e4b6e6c5": {
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider3",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"670170a2-52be-4deb-a897-ac6bf33c5ada": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "c15b5991-b112-4743-a555-041ffce7f49d",
|
|
"queryName": "createPromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Create"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.createPromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button3",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 79.06975049651071,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"b0afdbe3-5c29-40be-a70f-08458617c01f": {
|
|
"id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button4",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 60.465109099446764,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e16f682b-0368-499a-9232-6b63e1413a91"
|
|
},
|
|
"e7a57306-3d46-41e2-b240-2fc6b5f20226": {
|
|
"id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
|
|
"component": {
|
|
"properties": {
|
|
"title": {
|
|
"type": "code",
|
|
"displayName": "Title",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"useDefaultButton": {
|
|
"type": "toggle",
|
|
"displayName": "Use default trigger button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"triggerButtonLabel": {
|
|
"type": "code",
|
|
"displayName": "Trigger button label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"hideTitleBar": {
|
|
"type": "toggle",
|
|
"displayName": "Hide title bar"
|
|
},
|
|
"hideCloseButton": {
|
|
"type": "toggle",
|
|
"displayName": "Hide close button"
|
|
},
|
|
"hideOnEsc": {
|
|
"type": "toggle",
|
|
"displayName": "Close on escape key"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"type": "toggle",
|
|
"displayName": "Close on clicking outside"
|
|
},
|
|
"size": {
|
|
"type": "select",
|
|
"displayName": "Modal size",
|
|
"options": [
|
|
{
|
|
"name": "small",
|
|
"value": "sm"
|
|
},
|
|
{
|
|
"name": "medium",
|
|
"value": "lg"
|
|
},
|
|
{
|
|
"name": "large",
|
|
"value": "xl"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"modalHeight": {
|
|
"type": "code",
|
|
"displayName": "Modal height",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onOpen": {
|
|
"displayName": "On open"
|
|
},
|
|
"onClose": {
|
|
"displayName": "On close"
|
|
}
|
|
},
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Header background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"headerTextColor": {
|
|
"type": "color",
|
|
"displayName": "Header title color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Body background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"type": "color",
|
|
"displayName": "Trigger button text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"headerBackgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"headerTextColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"bodyBackgroundColor": {
|
|
"value": "#ffffffff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"triggerButtonBackgroundColor": {
|
|
"value": "#4D72FA"
|
|
},
|
|
"triggerButtonTextColor": {
|
|
"value": "#ffffffff"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"title": {
|
|
"value": "Edit Promo Code"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"useDefaultButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"triggerButtonLabel": {
|
|
"value": "Launch Modal"
|
|
},
|
|
"size": {
|
|
"value": "lg"
|
|
},
|
|
"hideTitleBar": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideCloseButton": {
|
|
"value": "{{false}}"
|
|
},
|
|
"hideOnEsc": {
|
|
"value": "{{true}}"
|
|
},
|
|
"closeOnClickingOutside": {
|
|
"value": "{{false}}"
|
|
},
|
|
"modalHeight": {
|
|
"value": "540px"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "modal2",
|
|
"displayName": "Modal",
|
|
"description": "Show pop-up windows",
|
|
"component": "Modal",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 34
|
|
},
|
|
"exposedVariables": {
|
|
"show": false
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "open",
|
|
"displayName": "Open"
|
|
},
|
|
{
|
|
"handle": "close",
|
|
"displayName": "Close"
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 730,
|
|
"left": 18.604656027099054,
|
|
"width": 6,
|
|
"height": 40
|
|
}
|
|
}
|
|
},
|
|
"0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
|
|
"id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "PROMO CODE :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text40",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 4.651162790697675,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
|
|
"id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "DISCOUNT :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text41",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 4.651162506266984,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
|
|
"id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onSelect",
|
|
"actionId": "control-component",
|
|
"message": "Hello world!",
|
|
"alertType": "info"
|
|
}
|
|
],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.discount_type}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[\"percent\", \"fixed\"]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"In percentage\", \"Fixed amount\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select a discount type"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown8",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 25.581393521814153,
|
|
"width": 17,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
|
|
"id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.amount}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
|
|
},
|
|
"minValue": {
|
|
"value": "1"
|
|
},
|
|
"placeholder": {
|
|
"value": "0"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput6",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 65.11626481525688,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"6c953707-f69d-47a9-9015-a582ed609bcd": {
|
|
"id": "6c953707-f69d-47a9-9015-a582ed609bcd",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "center"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text42",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 100,
|
|
"left": 90.69767764424473,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"56139e54-501c-4951-a060-fa0d180ed6ad": {
|
|
"id": "56139e54-501c-4951-a060-fa0d180ed6ad",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MINIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text43",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 4.651162932854896,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
|
|
"id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.minimum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown9",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 25.581401911408808,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"30c53546-7857-44c3-be96-70c1662df2d4": {
|
|
"id": "30c53546-7857-44c3-be96-70c1662df2d4",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown9.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "99999"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput7.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput7",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 65.11628599331276,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"061db4d4-a8f2-40aa-9ce8-427390417bf0": {
|
|
"id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown5.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text44",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 170,
|
|
"left": 60.46511827264033,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"9d58477b-50cd-4b84-8dd6-1231570d0774": {
|
|
"id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "MAXIMUM SPEND :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text45",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"8529396e-2c59-437e-a014-3a3033c49d80": {
|
|
"id": "8529396e-2c59-437e-a014-3a3033c49d80",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.maximum_spend != null}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"Disable\", \"Enable\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown10",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 25.58137657187239,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
|
|
"id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000",
|
|
"fxActive": false
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{18}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "right"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown6.value}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "$ "
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text46",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 60.46511069707219,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"1749184e-e330-4679-a3d4-671ce372274f": {
|
|
"id": "1749184e-e330-4679-a3d4-671ce372274f",
|
|
"component": {
|
|
"properties": {
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"minValue": {
|
|
"type": "code",
|
|
"displayName": "Minimum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"maxValue": {
|
|
"type": "code",
|
|
"displayName": "Maximum value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"decimalPlaces": {
|
|
"type": "code",
|
|
"displayName": "Decimal places",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onChange": {
|
|
"displayName": "On change"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background Color"
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{!components.dropdown10.value}}",
|
|
"fxActive": true
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"backgroundColor": {
|
|
"value": "",
|
|
"fxActive": false
|
|
},
|
|
"borderColor": {
|
|
"value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
|
|
"fxActive": true
|
|
},
|
|
"textColor": {
|
|
"value": "#232e3c"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"value": {
|
|
"value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
|
|
},
|
|
"maxValue": {
|
|
"value": "100000"
|
|
},
|
|
"minValue": {
|
|
"value": "0"
|
|
},
|
|
"placeholder": {
|
|
"value": "{{components.numberinput8.value}}"
|
|
},
|
|
"decimalPlaces": {
|
|
"value": "{{2}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "numberinput8",
|
|
"displayName": "Number Input",
|
|
"description": "Numeric input field",
|
|
"component": "NumberInput",
|
|
"defaultSize": {
|
|
"width": 4,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"value": 99
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 65.11629197312911,
|
|
"width": 10,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"19d354ef-63f7-4c85-a641-115769247cc0": {
|
|
"id": "19d354ef-63f7-4c85-a641-115769247cc0",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "FREE SHIPPING :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text47",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 4.6511615510529305,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"12059aed-6846-44d9-8d8d-98003036ef2b": {
|
|
"id": "12059aed-6846-44d9-8d8d-98003036ef2b",
|
|
"component": {
|
|
"properties": {
|
|
"label": {
|
|
"type": "code",
|
|
"displayName": "Label",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"placeholder": {
|
|
"type": "code",
|
|
"displayName": "Placeholder",
|
|
"validation": {
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"advanced": {
|
|
"type": "toggle",
|
|
"displayName": "Advanced",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"value": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"values": {
|
|
"type": "code",
|
|
"displayName": "Option values",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"display_values": {
|
|
"type": "code",
|
|
"displayName": "Option labels",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": false
|
|
},
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "boolean"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"schema": {
|
|
"type": "code",
|
|
"displayName": "Schema",
|
|
"conditionallyRender": {
|
|
"key": "advanced",
|
|
"value": true
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Options loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
},
|
|
"onSearchTextChanged": {
|
|
"displayName": "On search text changed"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "number"
|
|
},
|
|
{
|
|
"type": "string"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"selectedTextColor": {
|
|
"type": "color",
|
|
"displayName": "Selected Text Color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"justifyContent": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderRadius": {
|
|
"value": "5"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"justifyContent": {
|
|
"value": "left"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": null
|
|
}
|
|
},
|
|
"properties": {
|
|
"advanced": {
|
|
"value": "{{false}}"
|
|
},
|
|
"schema": {
|
|
"value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
|
|
},
|
|
"label": {
|
|
"value": ""
|
|
},
|
|
"value": {
|
|
"value": "{{components.table1.selectedRow.free_shipping_bool}}"
|
|
},
|
|
"values": {
|
|
"value": "{{[false, true]}}"
|
|
},
|
|
"display_values": {
|
|
"value": "{{[\"No\", \"Yes\"]}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"placeholder": {
|
|
"value": "Select value"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "dropdown11",
|
|
"displayName": "Dropdown",
|
|
"description": "Single item selector",
|
|
"defaultSize": {
|
|
"width": 8,
|
|
"height": 30
|
|
},
|
|
"component": "DropDown",
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": 2,
|
|
"searchText": "",
|
|
"label": "Select",
|
|
"optionLabels": [
|
|
"one",
|
|
"two",
|
|
"three"
|
|
],
|
|
"selectedOptionLabel": "two"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "selectOption",
|
|
"displayName": "Select option",
|
|
"params": [
|
|
{
|
|
"handle": "select",
|
|
"displayName": "Select"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 310,
|
|
"left": 25.581399583203897,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"fb524a89-e03b-433a-8a94-f61ebd99bd36": {
|
|
"id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#fff00000"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": 14
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "bold"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "VALID TILL :"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text48",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 4.651161793912395,
|
|
"width": 9,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"41d423dd-e348-4684-a835-b3dc56be730c": {
|
|
"id": "41d423dd-e348-4684-a835-b3dc56be730c",
|
|
"component": {
|
|
"properties": {
|
|
"defaultValue": {
|
|
"type": "code",
|
|
"displayName": "Default value",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"format": {
|
|
"type": "code",
|
|
"displayName": "Format",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"enableTime": {
|
|
"type": "toggle",
|
|
"displayName": "Enable time selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"enableDate": {
|
|
"type": "toggle",
|
|
"displayName": "Enable date selection?",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": true
|
|
}
|
|
},
|
|
"disabledDates": {
|
|
"type": "code",
|
|
"displayName": "Disabled dates",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "array",
|
|
"element": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onSelect": {
|
|
"displayName": "On select"
|
|
}
|
|
},
|
|
"styles": {
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "code",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
|
|
}
|
|
},
|
|
"properties": {
|
|
"defaultValue": {
|
|
"value": "{{components.table1.selectedRow.valid_till}}"
|
|
},
|
|
"format": {
|
|
"value": "DD/MM/YYYY"
|
|
},
|
|
"enableTime": {
|
|
"value": "{{false}}"
|
|
},
|
|
"enableDate": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledDates": {
|
|
"value": "{{[]}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "datepicker2",
|
|
"displayName": "Date Picker",
|
|
"description": "Choose date and time",
|
|
"component": "Datepicker",
|
|
"defaultSize": {
|
|
"width": 5,
|
|
"height": 30
|
|
},
|
|
"validation": {
|
|
"customRule": {
|
|
"type": "code",
|
|
"displayName": "Custom validation"
|
|
}
|
|
},
|
|
"exposedVariables": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 25.58139095173029,
|
|
"width": 13,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
|
|
"id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image5",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 380,
|
|
"left": 58.13952912432483,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ca410b25-e7b7-413f-a01e-cccf62efa204": {
|
|
"id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
|
|
"fxActive": true
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Maximum spend should be greater than or equal to Minimum spend"
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image6",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 240,
|
|
"left": 90.69766853643817,
|
|
"width": 2,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"798a2874-8880-410d-86ca-8466e7a7f53f": {
|
|
"id": "798a2874-8880-410d-86ca-8466e7a7f53f",
|
|
"component": {
|
|
"properties": {},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"dividerColor": {
|
|
"type": "color",
|
|
"displayName": "Divider color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"dividerColor": {
|
|
"value": "#8888884d"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "divider4",
|
|
"displayName": "Divider",
|
|
"description": "Separator between components",
|
|
"component": "Divider",
|
|
"defaultSize": {
|
|
"width": 10,
|
|
"height": 10
|
|
},
|
|
"exposedVariables": {
|
|
"value": {}
|
|
}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 440,
|
|
"left": 2.3255811419964743,
|
|
"width": 41,
|
|
"height": 10
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"ec924236-9797-491e-bca5-6fab6711f2da": {
|
|
"id": "ec924236-9797-491e-bca5-6fab6711f2da",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "run-query",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"queryId": "5f059062-3400-433b-ab3b-b27b997b27e2",
|
|
"queryName": "updatePromoCode",
|
|
"parameters": {}
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"textColor": {
|
|
"value": "#fff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#fff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Save"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{queries.updatePromoCode.isLoading}}",
|
|
"fxActive": true
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button6",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 79.0697419241573,
|
|
"width": 7.000000000000001,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"cb71d470-0254-4fa8-92d9-735a91f5f66e": {
|
|
"id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Button text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
},
|
|
"onHover": {
|
|
"displayName": "On hover"
|
|
}
|
|
},
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"loaderColor": {
|
|
"type": "color",
|
|
"displayName": "Loader color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderRadius": {
|
|
"type": "number",
|
|
"displayName": "Border radius",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
},
|
|
"borderColor": {
|
|
"type": "color",
|
|
"displayName": "Border color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
},
|
|
"defaultValue": false
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [
|
|
{
|
|
"eventId": "onClick",
|
|
"actionId": "close-modal",
|
|
"message": "Hello world!",
|
|
"alertType": "info",
|
|
"modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
}
|
|
],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#3e63dd26"
|
|
},
|
|
"textColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"loaderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"borderRadius": {
|
|
"value": "{{5}}"
|
|
},
|
|
"borderColor": {
|
|
"value": "#3e63ddff"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": "Cancel"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "button7",
|
|
"displayName": "Button",
|
|
"description": "Trigger actions: queries, alerts, set variables etc.",
|
|
"component": "Button",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"buttonText": "Button"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "click",
|
|
"displayName": "Click"
|
|
},
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New Text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Disable",
|
|
"params": [
|
|
{
|
|
"handle": "disable",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visible",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Loading",
|
|
"params": [
|
|
{
|
|
"handle": "loading",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 470,
|
|
"left": 60.46510115735242,
|
|
"width": 7,
|
|
"height": 40
|
|
}
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
|
|
},
|
|
"56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
|
|
"component": {
|
|
"properties": {
|
|
"text": {
|
|
"type": "code",
|
|
"displayName": "Text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Show loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {},
|
|
"styles": {
|
|
"fontWeight": {
|
|
"type": "select",
|
|
"displayName": "Font weight",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "bold",
|
|
"value": "bold"
|
|
},
|
|
{
|
|
"name": "lighter",
|
|
"value": "lighter"
|
|
},
|
|
{
|
|
"name": "bolder",
|
|
"value": "bolder"
|
|
}
|
|
]
|
|
},
|
|
"decoration": {
|
|
"type": "select",
|
|
"displayName": "Text decoration",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "overline",
|
|
"value": "overline"
|
|
},
|
|
{
|
|
"name": "line-through",
|
|
"value": "line-through"
|
|
},
|
|
{
|
|
"name": "underline",
|
|
"value": "underline"
|
|
},
|
|
{
|
|
"name": "overline underline",
|
|
"value": "overline underline"
|
|
}
|
|
]
|
|
},
|
|
"transformation": {
|
|
"type": "select",
|
|
"displayName": "Text transformation",
|
|
"options": [
|
|
{
|
|
"name": "none",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "uppercase",
|
|
"value": "uppercase"
|
|
},
|
|
{
|
|
"name": "lowercase",
|
|
"value": "lowercase"
|
|
},
|
|
{
|
|
"name": "capitalize",
|
|
"value": "capitalize"
|
|
}
|
|
]
|
|
},
|
|
"fontStyle": {
|
|
"type": "select",
|
|
"displayName": "Font style",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "italic",
|
|
"value": "italic"
|
|
},
|
|
{
|
|
"name": "oblique",
|
|
"value": "oblique"
|
|
}
|
|
]
|
|
},
|
|
"lineHeight": {
|
|
"type": "number",
|
|
"displayName": "Line height"
|
|
},
|
|
"textIndent": {
|
|
"type": "number",
|
|
"displayName": "Text indent"
|
|
},
|
|
"letterSpacing": {
|
|
"type": "number",
|
|
"displayName": "Letter spacing"
|
|
},
|
|
"wordSpacing": {
|
|
"type": "number",
|
|
"displayName": "Word spacing"
|
|
},
|
|
"fontVariant": {
|
|
"type": "select",
|
|
"displayName": "Font variant",
|
|
"options": [
|
|
{
|
|
"name": "normal",
|
|
"value": "normal"
|
|
},
|
|
{
|
|
"name": "small-caps",
|
|
"value": "small-caps"
|
|
},
|
|
{
|
|
"name": "initial",
|
|
"value": "initial"
|
|
},
|
|
{
|
|
"name": "inherit",
|
|
"value": "inherit"
|
|
}
|
|
]
|
|
},
|
|
"textSize": {
|
|
"type": "number",
|
|
"displayName": "Text size",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "number"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textColor": {
|
|
"type": "color",
|
|
"displayName": "Text color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"textAlign": {
|
|
"type": "alignButtons",
|
|
"displayName": "Align text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"backgroundColor": {
|
|
"value": "#8888881a"
|
|
},
|
|
"textColor": {
|
|
"value": "#000000"
|
|
},
|
|
"textSize": {
|
|
"value": "{{16}}"
|
|
},
|
|
"textAlign": {
|
|
"value": "left"
|
|
},
|
|
"fontWeight": {
|
|
"value": "normal"
|
|
},
|
|
"decoration": {
|
|
"value": "none"
|
|
},
|
|
"transformation": {
|
|
"value": "none"
|
|
},
|
|
"fontStyle": {
|
|
"value": "normal"
|
|
},
|
|
"lineHeight": {
|
|
"value": 1.5
|
|
},
|
|
"textIndent": {
|
|
"value": 0
|
|
},
|
|
"letterSpacing": {
|
|
"value": 0
|
|
},
|
|
"wordSpacing": {
|
|
"value": 0
|
|
},
|
|
"fontVariant": {
|
|
"value": "normal"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"text": {
|
|
"value": " {{components.table1.selectedRow.promo_code}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "text49",
|
|
"displayName": "Text",
|
|
"description": "Display text or HTML",
|
|
"component": "Text",
|
|
"defaultSize": {
|
|
"width": 6,
|
|
"height": 30
|
|
},
|
|
"exposedVariables": {
|
|
"text": "Hello, there!"
|
|
},
|
|
"actions": [
|
|
{
|
|
"handle": "setText",
|
|
"displayName": "Set Text",
|
|
"params": [
|
|
{
|
|
"handle": "text",
|
|
"displayName": "Text",
|
|
"defaultValue": "New text"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Set Visibility",
|
|
"params": [
|
|
{
|
|
"handle": "visibility",
|
|
"displayName": "Value",
|
|
"defaultValue": "{{false}}",
|
|
"type": "toggle"
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
"parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 30,
|
|
"left": 25.58139644141283,
|
|
"width": 30,
|
|
"height": 40
|
|
}
|
|
},
|
|
"withDefaultChildren": false
|
|
},
|
|
"c3abc934-592d-4051-bb65-9918c92cbf5b": {
|
|
"id": "c3abc934-592d-4051-bb65-9918c92cbf5b",
|
|
"component": {
|
|
"properties": {
|
|
"source": {
|
|
"type": "code",
|
|
"displayName": "URL",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"loadingState": {
|
|
"type": "toggle",
|
|
"displayName": "Loading state",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"alternativeText": {
|
|
"type": "code",
|
|
"displayName": "Alternative text",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"zoomButtons": {
|
|
"type": "toggle",
|
|
"displayName": "Zoom button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"rotateButton": {
|
|
"type": "toggle",
|
|
"displayName": "Rotate button",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"type": "code",
|
|
"displayName": "Tooltip",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"type": "toggle",
|
|
"displayName": "Show on desktop"
|
|
},
|
|
"showOnMobile": {
|
|
"type": "toggle",
|
|
"displayName": "Show on mobile"
|
|
}
|
|
},
|
|
"events": {
|
|
"onClick": {
|
|
"displayName": "On click"
|
|
}
|
|
},
|
|
"styles": {
|
|
"borderType": {
|
|
"type": "select",
|
|
"displayName": "Border type",
|
|
"options": [
|
|
{
|
|
"name": "None",
|
|
"value": "none"
|
|
},
|
|
{
|
|
"name": "Rounded",
|
|
"value": "rounded"
|
|
},
|
|
{
|
|
"name": "Circle",
|
|
"value": "rounded-circle"
|
|
},
|
|
{
|
|
"name": "Thumbnail",
|
|
"value": "img-thumbnail"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"backgroundColor": {
|
|
"type": "color",
|
|
"displayName": "Background color",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
},
|
|
"padding": {
|
|
"type": "code",
|
|
"displayName": "Padding",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "union",
|
|
"schemas": [
|
|
{
|
|
"type": "string"
|
|
},
|
|
{
|
|
"type": "number"
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
"visibility": {
|
|
"type": "toggle",
|
|
"displayName": "Visibility",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"disabledState": {
|
|
"type": "toggle",
|
|
"displayName": "Disable",
|
|
"validation": {
|
|
"schema": {
|
|
"type": "boolean"
|
|
}
|
|
}
|
|
},
|
|
"imageFit": {
|
|
"type": "select",
|
|
"displayName": "Image fit",
|
|
"options": [
|
|
{
|
|
"name": "fill",
|
|
"value": "fill"
|
|
},
|
|
{
|
|
"name": "contain",
|
|
"value": "contain"
|
|
},
|
|
{
|
|
"name": "cover",
|
|
"value": "cover"
|
|
},
|
|
{
|
|
"name": "scale-down",
|
|
"value": "scale-down"
|
|
}
|
|
],
|
|
"validation": {
|
|
"schema": {
|
|
"type": "string"
|
|
}
|
|
}
|
|
}
|
|
},
|
|
"validate": true,
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"type": "boxShadow",
|
|
"displayName": "Box Shadow"
|
|
}
|
|
},
|
|
"definition": {
|
|
"others": {
|
|
"showOnDesktop": {
|
|
"value": "{{true}}"
|
|
},
|
|
"showOnMobile": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"events": [],
|
|
"styles": {
|
|
"borderType": {
|
|
"value": "none"
|
|
},
|
|
"padding": {
|
|
"value": "0"
|
|
},
|
|
"visibility": {
|
|
"value": "{{true}}"
|
|
},
|
|
"disabledState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"imageFit": {
|
|
"value": "contain"
|
|
},
|
|
"backgroundColor": {
|
|
"value": ""
|
|
}
|
|
},
|
|
"generalStyles": {
|
|
"boxShadow": {
|
|
"value": "0px 0px 0px 0px #00000040"
|
|
}
|
|
},
|
|
"properties": {
|
|
"source": {
|
|
"value": "https://www.svgrepo.com/show/450182/info-circle.svg"
|
|
},
|
|
"visible": {
|
|
"value": "{{true}}"
|
|
},
|
|
"loadingState": {
|
|
"value": "{{false}}"
|
|
},
|
|
"alternativeText": {
|
|
"value": ""
|
|
},
|
|
"zoomButtons": {
|
|
"value": "{{false}}"
|
|
},
|
|
"rotateButton": {
|
|
"value": "{{false}}"
|
|
}
|
|
},
|
|
"general": {
|
|
"tooltip": {
|
|
"value": "Info: Shipping fee ($10) will be automatically added to the Final amount, if applicable."
|
|
}
|
|
},
|
|
"exposedVariables": {}
|
|
},
|
|
"name": "image7",
|
|
"displayName": "Image",
|
|
"description": "Show image files",
|
|
"defaultSize": {
|
|
"width": 3,
|
|
"height": 100
|
|
},
|
|
"component": "Image",
|
|
"exposedVariables": {}
|
|
},
|
|
"layouts": {
|
|
"desktop": {
|
|
"top": 20,
|
|
"left": 86.04651162790697,
|
|
"width": 3,
|
|
"height": 20
|
|
}
|
|
},
|
|
"parent": "8d336040-7fea-480b-be2a-ee1485302f97"
|
|
}
|
|
},
|
|
"handle": "home",
|
|
"name": "Home"
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "#2f3c4c",
|
|
"backgroundFxQuery": ""
|
|
}
|
|
},
|
|
"globalSettings": {
|
|
"hideHeader": true,
|
|
"appInMaintenance": false,
|
|
"canvasMaxWidth": 100,
|
|
"canvasMaxWidthType": "%",
|
|
"canvasMaxHeight": 2400,
|
|
"canvasBackgroundColor": "",
|
|
"backgroundFxQuery": ""
|
|
},
|
|
"showViewerNavigation": false,
|
|
"homePageId": "45f80c38-af06-49b3-b121-1153c7d4ae0d",
|
|
"appId": "eeb258c5-b56b-4d27-8242-275f2d9fafa1",
|
|
"currentEnvironmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"promotedFrom": null,
|
|
"createdAt": "2023-12-08T07:22:13.872Z",
|
|
"updatedAt": "2024-01-02T20:59:15.400Z"
|
|
}
|
|
],
|
|
"appEnvironments": [
|
|
{
|
|
"id": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "production",
|
|
"isDefault": true,
|
|
"priority": 3,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "staging",
|
|
"isDefault": false,
|
|
"priority": 2,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
},
|
|
{
|
|
"id": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"organizationId": "f2a832bb-fc39-49c5-be7f-7037ebb79b84",
|
|
"name": "development",
|
|
"isDefault": false,
|
|
"priority": 1,
|
|
"enabled": true,
|
|
"createdAt": "2023-04-26T19:44:06.852Z",
|
|
"updatedAt": "2023-04-26T19:44:06.852Z"
|
|
}
|
|
],
|
|
"dataSourceOptions": [
|
|
{
|
|
"id": "f79649ea-d414-4c4d-b678-b484993e871d",
|
|
"dataSourceId": "daf101cb-741c-49c9-a3c0-3f7ab882e4f9",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.907Z",
|
|
"updatedAt": "2023-12-08T07:22:13.907Z"
|
|
},
|
|
{
|
|
"id": "bdf47435-264f-4a78-93ef-a989c1262695",
|
|
"dataSourceId": "daf101cb-741c-49c9-a3c0-3f7ab882e4f9",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.907Z",
|
|
"updatedAt": "2023-12-08T07:22:13.907Z"
|
|
},
|
|
{
|
|
"id": "32120816-9a54-4f37-b5fd-023d18daabae",
|
|
"dataSourceId": "daf101cb-741c-49c9-a3c0-3f7ab882e4f9",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.907Z",
|
|
"updatedAt": "2023-12-08T07:22:13.907Z"
|
|
},
|
|
{
|
|
"id": "8a487341-f4f7-4119-b1c1-63493ea782d2",
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.916Z",
|
|
"updatedAt": "2023-12-08T07:22:13.916Z"
|
|
},
|
|
{
|
|
"id": "77f1be25-998a-44de-8449-2f5a7f7dfb06",
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.916Z",
|
|
"updatedAt": "2023-12-08T07:22:13.916Z"
|
|
},
|
|
{
|
|
"id": "cad64fb3-0cef-4617-a5b4-bcccb6f7f632",
|
|
"dataSourceId": "861aa71e-fbfa-4696-bad7-d010419a5ffb",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.916Z",
|
|
"updatedAt": "2023-12-08T07:22:13.916Z"
|
|
},
|
|
{
|
|
"id": "3a7f79d8-794d-41dc-a06f-2cdc46bdec32",
|
|
"dataSourceId": "39c314ad-5ec1-4c75-be31-8cd56e33d3b6",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.924Z",
|
|
"updatedAt": "2023-12-08T07:22:13.924Z"
|
|
},
|
|
{
|
|
"id": "e0d91bee-40fc-48cf-a8c7-d493b11004e3",
|
|
"dataSourceId": "39c314ad-5ec1-4c75-be31-8cd56e33d3b6",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.924Z",
|
|
"updatedAt": "2023-12-08T07:22:13.924Z"
|
|
},
|
|
{
|
|
"id": "93d76c0d-f55d-448f-b84d-6969e88e9a52",
|
|
"dataSourceId": "39c314ad-5ec1-4c75-be31-8cd56e33d3b6",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.924Z",
|
|
"updatedAt": "2023-12-08T07:22:13.924Z"
|
|
},
|
|
{
|
|
"id": "dbe8df83-62fe-4d0e-b179-a26bf5c337bc",
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.931Z",
|
|
"updatedAt": "2023-12-08T07:22:13.931Z"
|
|
},
|
|
{
|
|
"id": "7468c083-d29b-4dd0-ae20-10ce060df004",
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.931Z",
|
|
"updatedAt": "2023-12-08T07:22:13.931Z"
|
|
},
|
|
{
|
|
"id": "c997ded5-f155-4e5a-9205-53fcffcb137f",
|
|
"dataSourceId": "a9b5e963-1321-4821-a3f0-bd007e1bec59",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.931Z",
|
|
"updatedAt": "2023-12-08T07:22:13.931Z"
|
|
},
|
|
{
|
|
"id": "2ac2e0a6-ee3f-4ce0-a1ae-919716b3756a",
|
|
"dataSourceId": "ced6bee5-b7f3-47ba-be71-cc518974f869",
|
|
"environmentId": "5b7f33b3-b9a9-43b0-a9b2-82bb37fca4d4",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.939Z",
|
|
"updatedAt": "2023-12-08T07:22:13.939Z"
|
|
},
|
|
{
|
|
"id": "f3ee0563-45fc-4d85-ae36-916666ead155",
|
|
"dataSourceId": "ced6bee5-b7f3-47ba-be71-cc518974f869",
|
|
"environmentId": "1071e258-9bd6-496c-a11c-9fe8670eedcc",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.939Z",
|
|
"updatedAt": "2023-12-08T07:22:13.939Z"
|
|
},
|
|
{
|
|
"id": "07b10afc-6a41-4840-b4df-1dc15637adff",
|
|
"dataSourceId": "ced6bee5-b7f3-47ba-be71-cc518974f869",
|
|
"environmentId": "1841fd5c-f11a-4a1a-97b2-f2312316cb8d",
|
|
"options": null,
|
|
"createdAt": "2023-12-08T07:22:13.939Z",
|
|
"updatedAt": "2023-12-08T07:22:13.939Z"
|
|
}
|
|
],
|
|
"schemaDetails": {
|
|
"multiPages": true,
|
|
"multiEnv": true,
|
|
"globalDataSources": true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
],
|
|
"tooljet_version": "2.25.0-ee2.11.1-cloud2.1.8"
|
|
} |