ToolJet/server/templates/promo-code-management-postgresql/definition.json

{
  "app": [
    {
      "definition": {
        "appV2": {
          "type": "front-end",
          "id": "318b79a1-0f2d-4489-8859-02f20781aa6d",
          "name": "Promo Code Management (PostgreSQL)",
          "slug": "318b79a1-0f2d-4489-8859-02f20781aa6d",
          "isPublic": false,
          "isMaintenanceOn": false,
          "icon": "share",
          "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430",
          "currentVersionId": null,
          "userId": "ccf51822-9d82-4d82-81dd-22df9f3cfcfc",
          "workflowApiToken": null,
          "workflowEnabled": false,
          "createdAt": "2024-04-30T08:26:07.270Z",
          "creationMode": "DEFAULT",
          "updatedAt": "2024-05-01T05:59:44.927Z",
          "editingVersion": {
            "id": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
            "name": "final",
            "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",
                              "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",
                              "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",
                              "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",
                              "queryName": "createPromoCode",
                              "parameters": {}
                            }
                          ],
                          "styles": {
                            "backgroundColor": {
                              "value": "#3e63ddff"
                            },
                            "textColor": {
                              "value": "#fff"
                            },
                            "loaderColor": {
                              "value": "#fff"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "borderColor": {
                              "value": "#3e63ddff"
                            },
                            "disabledState": {
                              "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
                              "fxActive": true
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "Create"
                            },
                            "loadingState": {
                              "value": "{{queries.createPromoCode.isLoading}}",
                              "fxActive": true
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "button3",
                        "displayName": "Button",
                        "description": "Trigger actions: queries, alerts, set variables etc.",
                        "component": "Button",
                        "defaultSize": {
                          "width": 3,
                          "height": 30
                        },
                        "exposedVariables": {
                          "buttonText": "Button"
                        },
                        "actions": [
                          {
                            "handle": "click",
                            "displayName": "Click"
                          },
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New Text"
                              }
                            ]
                          },
                          {
                            "handle": "disable",
                            "displayName": "Disable",
                            "params": [
                              {
                                "handle": "disable",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Visibility",
                            "params": [
                              {
                                "handle": "visible",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "loading",
                            "displayName": "Loading",
                            "params": [
                              {
                                "handle": "loading",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
                      "layouts": {
                        "desktop": {
                          "top": 470,
                          "left": 79.06975049651071,
                          "width": 7.000000000000001,
                          "height": 40
                        }
                      },
                      "withDefaultChildren": false
                    },
                    "b0afdbe3-5c29-40be-a70f-08458617c01f": {
                      "id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Button text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onClick": {
                            "displayName": "On click"
                          },
                          "onHover": {
                            "displayName": "On hover"
                          }
                        },
                        "styles": {
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "loaderColor": {
                            "type": "color",
                            "displayName": "Loader color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderRadius": {
                            "type": "number",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "number"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [
                            {
                              "eventId": "onClick",
                              "actionId": "close-modal",
                              "message": "Hello world!",
                              "alertType": "info",
                              "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
                            }
                          ],
                          "styles": {
                            "backgroundColor": {
                              "value": "#3e63dd26"
                            },
                            "textColor": {
                              "value": "#3e63ddff"
                            },
                            "loaderColor": {
                              "value": "#3e63ddff"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "borderColor": {
                              "value": "#3e63ddff"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "Cancel"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "button4",
                        "displayName": "Button",
                        "description": "Trigger actions: queries, alerts, set variables etc.",
                        "component": "Button",
                        "defaultSize": {
                          "width": 3,
                          "height": 30
                        },
                        "exposedVariables": {
                          "buttonText": "Button"
                        },
                        "actions": [
                          {
                            "handle": "click",
                            "displayName": "Click"
                          },
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New Text"
                              }
                            ]
                          },
                          {
                            "handle": "disable",
                            "displayName": "Disable",
                            "params": [
                              {
                                "handle": "disable",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Visibility",
                            "params": [
                              {
                                "handle": "visible",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "loading",
                            "displayName": "Loading",
                            "params": [
                              {
                                "handle": "loading",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 470,
                          "left": 60.465109099446764,
                          "width": 7,
                          "height": 40
                        }
                      },
                      "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                    },
                    "e7a57306-3d46-41e2-b240-2fc6b5f20226": {
                      "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
                      "component": {
                        "properties": {
                          "title": {
                            "type": "code",
                            "displayName": "Title",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "useDefaultButton": {
                            "type": "toggle",
                            "displayName": "Use default trigger button",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "triggerButtonLabel": {
                            "type": "code",
                            "displayName": "Trigger button label",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "hideTitleBar": {
                            "type": "toggle",
                            "displayName": "Hide title bar"
                          },
                          "hideCloseButton": {
                            "type": "toggle",
                            "displayName": "Hide close button"
                          },
                          "hideOnEsc": {
                            "type": "toggle",
                            "displayName": "Close on escape key"
                          },
                          "closeOnClickingOutside": {
                            "type": "toggle",
                            "displayName": "Close on clicking outside"
                          },
                          "size": {
                            "type": "select",
                            "displayName": "Modal size",
                            "options": [
                              {
                                "name": "small",
                                "value": "sm"
                              },
                              {
                                "name": "medium",
                                "value": "lg"
                              },
                              {
                                "name": "large",
                                "value": "xl"
                              }
                            ],
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "modalHeight": {
                            "type": "code",
                            "displayName": "Modal height",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onOpen": {
                            "displayName": "On open"
                          },
                          "onClose": {
                            "displayName": "On close"
                          }
                        },
                        "styles": {
                          "headerBackgroundColor": {
                            "type": "color",
                            "displayName": "Header background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "headerTextColor": {
                            "type": "color",
                            "displayName": "Header title color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "bodyBackgroundColor": {
                            "type": "color",
                            "displayName": "Body background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": true
                            }
                          },
                          "triggerButtonBackgroundColor": {
                            "type": "color",
                            "displayName": "Trigger button background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "triggerButtonTextColor": {
                            "type": "color",
                            "displayName": "Trigger button text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "headerBackgroundColor": {
                              "value": "#3e63ddff"
                            },
                            "headerTextColor": {
                              "value": "#ffffffff"
                            },
                            "bodyBackgroundColor": {
                              "value": "#ffffffff"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "triggerButtonBackgroundColor": {
                              "value": "#4D72FA"
                            },
                            "triggerButtonTextColor": {
                              "value": "#ffffffff"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "title": {
                              "value": "Edit Promo Code"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "useDefaultButton": {
                              "value": "{{false}}"
                            },
                            "triggerButtonLabel": {
                              "value": "Launch Modal"
                            },
                            "size": {
                              "value": "lg"
                            },
                            "hideTitleBar": {
                              "value": "{{false}}"
                            },
                            "hideCloseButton": {
                              "value": "{{false}}"
                            },
                            "hideOnEsc": {
                              "value": "{{true}}"
                            },
                            "closeOnClickingOutside": {
                              "value": "{{false}}"
                            },
                            "modalHeight": {
                              "value": "540px"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "modal2",
                        "displayName": "Modal",
                        "description": "Show pop-up windows",
                        "component": "Modal",
                        "defaultSize": {
                          "width": 10,
                          "height": 34
                        },
                        "exposedVariables": {
                          "show": false
                        },
                        "actions": [
                          {
                            "handle": "open",
                            "displayName": "Open"
                          },
                          {
                            "handle": "close",
                            "displayName": "Close"
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 730,
                          "left": 18.604656027099054,
                          "width": 6,
                          "height": 40
                        }
                      }
                    },
                    "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
                      "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "PROMO CODE :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text40",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 30,
                          "left": 4.651162790697675,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
                      "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "DISCOUNT :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text41",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 100,
                          "left": 4.651162506266984,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
                      "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
                      "component": {
                        "properties": {
                          "label": {
                            "type": "code",
                            "displayName": "Label",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "advanced": {
                            "type": "toggle",
                            "displayName": "Advanced",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "boolean"
                                  }
                                ]
                              }
                            }
                          },
                          "values": {
                            "type": "code",
                            "displayName": "Option values",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "display_values": {
                            "type": "code",
                            "displayName": "Option labels",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "schema": {
                            "type": "code",
                            "displayName": "Schema",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": true
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Options loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onSelect": {
                            "displayName": "On select"
                          },
                          "onSearchTextChanged": {
                            "displayName": "On search text changed"
                          }
                        },
                        "styles": {
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "string"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "selectedTextColor": {
                            "type": "color",
                            "displayName": "Selected Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "justifyContent": {
                            "type": "alignButtons",
                            "displayName": "Align Text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [
                            {
                              "eventId": "onSelect",
                              "actionId": "control-component",
                              "message": "Hello world!",
                              "alertType": "info"
                            }
                          ],
                          "styles": {
                            "borderRadius": {
                              "value": "5"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "justifyContent": {
                              "value": "left"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "validation": {
                            "customRule": {
                              "value": null
                            }
                          },
                          "properties": {
                            "advanced": {
                              "value": "{{false}}"
                            },
                            "schema": {
                              "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                            },
                            "label": {
                              "value": ""
                            },
                            "value": {
                              "value": "{{components.table1.selectedRow.discount_type}}"
                            },
                            "values": {
                              "value": "{{[\"percent\", \"fixed\"]}}"
                            },
                            "display_values": {
                              "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "placeholder": {
                              "value": "Select a discount type"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "dropdown8",
                        "displayName": "Dropdown",
                        "description": "Single item selector",
                        "defaultSize": {
                          "width": 8,
                          "height": 30
                        },
                        "component": "DropDown",
                        "validation": {
                          "customRule": {
                            "type": "code",
                            "displayName": "Custom validation"
                          }
                        },
                        "exposedVariables": {
                          "value": 2,
                          "searchText": "",
                          "label": "Select",
                          "optionLabels": [
                            "one",
                            "two",
                            "three"
                          ],
                          "selectedOptionLabel": "two"
                        },
                        "actions": [
                          {
                            "handle": "selectOption",
                            "displayName": "Select option",
                            "params": [
                              {
                                "handle": "select",
                                "displayName": "Select"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 100,
                          "left": 25.581393521814153,
                          "width": 17,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
                      "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
                      "component": {
                        "properties": {
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "minValue": {
                            "type": "code",
                            "displayName": "Minimum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "maxValue": {
                            "type": "code",
                            "displayName": "Maximum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "decimalPlaces": {
                            "type": "code",
                            "displayName": "Decimal places",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onChange": {
                            "displayName": "On change"
                          }
                        },
                        "styles": {
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background Color"
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "backgroundColor": {
                              "value": "",
                              "fxActive": false
                            },
                            "borderColor": {
                              "value": "",
                              "fxActive": false
                            },
                            "textColor": {
                              "value": "#232e3c"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "value": {
                              "value": "{{components.table1.selectedRow.amount}}"
                            },
                            "maxValue": {
                              "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
                            },
                            "minValue": {
                              "value": "1"
                            },
                            "placeholder": {
                              "value": "0"
                            },
                            "decimalPlaces": {
                              "value": "{{2}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "numberinput6",
                        "displayName": "Number Input",
                        "description": "Numeric input field",
                        "component": "NumberInput",
                        "defaultSize": {
                          "width": 4,
                          "height": 30
                        },
                        "exposedVariables": {
                          "value": 99
                        }
                      },
                      "layouts": {
                        "desktop": {
                          "top": 100,
                          "left": 65.11626481525688,
                          "width": 10,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "6c953707-f69d-47a9-9015-a582ed609bcd": {
                      "id": "6c953707-f69d-47a9-9015-a582ed609bcd",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000",
                              "fxActive": false
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": "{{18}}"
                            },
                            "textAlign": {
                              "value": "center"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text42",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 100,
                          "left": 90.69767764424473,
                          "width": 2,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "56139e54-501c-4951-a060-fa0d180ed6ad": {
                      "id": "56139e54-501c-4951-a060-fa0d180ed6ad",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "MINIMUM SPEND :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text43",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 170,
                          "left": 4.651162932854896,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
                      "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
                      "component": {
                        "properties": {
                          "label": {
                            "type": "code",
                            "displayName": "Label",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "advanced": {
                            "type": "toggle",
                            "displayName": "Advanced",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "boolean"
                                  }
                                ]
                              }
                            }
                          },
                          "values": {
                            "type": "code",
                            "displayName": "Option values",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "display_values": {
                            "type": "code",
                            "displayName": "Option labels",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "schema": {
                            "type": "code",
                            "displayName": "Schema",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": true
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Options loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onSelect": {
                            "displayName": "On select"
                          },
                          "onSearchTextChanged": {
                            "displayName": "On search text changed"
                          }
                        },
                        "styles": {
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "string"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "selectedTextColor": {
                            "type": "color",
                            "displayName": "Selected Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "justifyContent": {
                            "type": "alignButtons",
                            "displayName": "Align Text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "borderRadius": {
                              "value": "5"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "justifyContent": {
                              "value": "left"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "validation": {
                            "customRule": {
                              "value": null
                            }
                          },
                          "properties": {
                            "advanced": {
                              "value": "{{false}}"
                            },
                            "schema": {
                              "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                            },
                            "label": {
                              "value": ""
                            },
                            "value": {
                              "value": "{{components.table1.selectedRow.minimum_spend != null}}"
                            },
                            "values": {
                              "value": "{{[false, true]}}"
                            },
                            "display_values": {
                              "value": "{{[\"Disable\", \"Enable\"]}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "placeholder": {
                              "value": "Select value"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "dropdown9",
                        "displayName": "Dropdown",
                        "description": "Single item selector",
                        "defaultSize": {
                          "width": 8,
                          "height": 30
                        },
                        "component": "DropDown",
                        "validation": {
                          "customRule": {
                            "type": "code",
                            "displayName": "Custom validation"
                          }
                        },
                        "exposedVariables": {
                          "value": 2,
                          "searchText": "",
                          "label": "Select",
                          "optionLabels": [
                            "one",
                            "two",
                            "three"
                          ],
                          "selectedOptionLabel": "two"
                        },
                        "actions": [
                          {
                            "handle": "selectOption",
                            "displayName": "Select option",
                            "params": [
                              {
                                "handle": "select",
                                "displayName": "Select"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 170,
                          "left": 25.581401911408808,
                          "width": 13,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "30c53546-7857-44c3-be96-70c1662df2d4": {
                      "id": "30c53546-7857-44c3-be96-70c1662df2d4",
                      "component": {
                        "properties": {
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "minValue": {
                            "type": "code",
                            "displayName": "Minimum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "maxValue": {
                            "type": "code",
                            "displayName": "Maximum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "decimalPlaces": {
                            "type": "code",
                            "displayName": "Decimal places",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onChange": {
                            "displayName": "On change"
                          }
                        },
                        "styles": {
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background Color"
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{!components.dropdown9.value}}",
                              "fxActive": true
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "backgroundColor": {
                              "value": "",
                              "fxActive": false
                            },
                            "borderColor": {
                              "value": "",
                              "fxActive": false
                            },
                            "textColor": {
                              "value": "#232e3c"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "value": {
                              "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
                            },
                            "maxValue": {
                              "value": "99999"
                            },
                            "minValue": {
                              "value": "0"
                            },
                            "placeholder": {
                              "value": "{{components.numberinput7.value}}"
                            },
                            "decimalPlaces": {
                              "value": "{{2}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "numberinput7",
                        "displayName": "Number Input",
                        "description": "Numeric input field",
                        "component": "NumberInput",
                        "defaultSize": {
                          "width": 4,
                          "height": 30
                        },
                        "exposedVariables": {
                          "value": 99
                        }
                      },
                      "layouts": {
                        "desktop": {
                          "top": 170,
                          "left": 65.11628599331276,
                          "width": 10,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "061db4d4-a8f2-40aa-9ce8-427390417bf0": {
                      "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000",
                              "fxActive": false
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": "{{18}}"
                            },
                            "textAlign": {
                              "value": "right"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{!components.dropdown5.value}}",
                              "fxActive": true
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "$&nbsp;"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text44",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 170,
                          "left": 60.46511827264033,
                          "width": 2,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "9d58477b-50cd-4b84-8dd6-1231570d0774": {
                      "id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "MAXIMUM SPEND :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text45",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 240,
                          "left": 4.651161793912395,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "8529396e-2c59-437e-a014-3a3033c49d80": {
                      "id": "8529396e-2c59-437e-a014-3a3033c49d80",
                      "component": {
                        "properties": {
                          "label": {
                            "type": "code",
                            "displayName": "Label",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "advanced": {
                            "type": "toggle",
                            "displayName": "Advanced",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "boolean"
                                  }
                                ]
                              }
                            }
                          },
                          "values": {
                            "type": "code",
                            "displayName": "Option values",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "display_values": {
                            "type": "code",
                            "displayName": "Option labels",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "schema": {
                            "type": "code",
                            "displayName": "Schema",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": true
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Options loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onSelect": {
                            "displayName": "On select"
                          },
                          "onSearchTextChanged": {
                            "displayName": "On search text changed"
                          }
                        },
                        "styles": {
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "string"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "selectedTextColor": {
                            "type": "color",
                            "displayName": "Selected Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "justifyContent": {
                            "type": "alignButtons",
                            "displayName": "Align Text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "borderRadius": {
                              "value": "5"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "justifyContent": {
                              "value": "left"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "validation": {
                            "customRule": {
                              "value": null
                            }
                          },
                          "properties": {
                            "advanced": {
                              "value": "{{false}}"
                            },
                            "schema": {
                              "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                            },
                            "label": {
                              "value": ""
                            },
                            "value": {
                              "value": "{{components.table1.selectedRow.maximum_spend != null}}"
                            },
                            "values": {
                              "value": "{{[false, true]}}"
                            },
                            "display_values": {
                              "value": "{{[\"Disable\", \"Enable\"]}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "placeholder": {
                              "value": "Select value"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "dropdown10",
                        "displayName": "Dropdown",
                        "description": "Single item selector",
                        "defaultSize": {
                          "width": 8,
                          "height": 30
                        },
                        "component": "DropDown",
                        "validation": {
                          "customRule": {
                            "type": "code",
                            "displayName": "Custom validation"
                          }
                        },
                        "exposedVariables": {
                          "value": 2,
                          "searchText": "",
                          "label": "Select",
                          "optionLabels": [
                            "one",
                            "two",
                            "three"
                          ],
                          "selectedOptionLabel": "two"
                        },
                        "actions": [
                          {
                            "handle": "selectOption",
                            "displayName": "Select option",
                            "params": [
                              {
                                "handle": "select",
                                "displayName": "Select"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 240,
                          "left": 25.58137657187239,
                          "width": 13,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
                      "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000",
                              "fxActive": false
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": "{{18}}"
                            },
                            "textAlign": {
                              "value": "right"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{!components.dropdown6.value}}",
                              "fxActive": true
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "$&nbsp;"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text46",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 240,
                          "left": 60.46511069707219,
                          "width": 2,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "1749184e-e330-4679-a3d4-671ce372274f": {
                      "id": "1749184e-e330-4679-a3d4-671ce372274f",
                      "component": {
                        "properties": {
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "minValue": {
                            "type": "code",
                            "displayName": "Minimum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "maxValue": {
                            "type": "code",
                            "displayName": "Maximum value",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "decimalPlaces": {
                            "type": "code",
                            "displayName": "Decimal places",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onChange": {
                            "displayName": "On change"
                          }
                        },
                        "styles": {
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background Color"
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{!components.dropdown10.value}}",
                              "fxActive": true
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "backgroundColor": {
                              "value": "",
                              "fxActive": false
                            },
                            "borderColor": {
                              "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
                              "fxActive": true
                            },
                            "textColor": {
                              "value": "#232e3c"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "value": {
                              "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
                            },
                            "maxValue": {
                              "value": "100000"
                            },
                            "minValue": {
                              "value": "0"
                            },
                            "placeholder": {
                              "value": "{{components.numberinput8.value}}"
                            },
                            "decimalPlaces": {
                              "value": "{{2}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {
                            "tooltip": {
                              "value": ""
                            }
                          },
                          "exposedVariables": {}
                        },
                        "name": "numberinput8",
                        "displayName": "Number Input",
                        "description": "Numeric input field",
                        "component": "NumberInput",
                        "defaultSize": {
                          "width": 4,
                          "height": 30
                        },
                        "exposedVariables": {
                          "value": 99
                        }
                      },
                      "layouts": {
                        "desktop": {
                          "top": 240,
                          "left": 65.11629197312911,
                          "width": 10,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "19d354ef-63f7-4c85-a641-115769247cc0": {
                      "id": "19d354ef-63f7-4c85-a641-115769247cc0",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "FREE SHIPPING :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text47",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 310,
                          "left": 4.6511615510529305,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "12059aed-6846-44d9-8d8d-98003036ef2b": {
                      "id": "12059aed-6846-44d9-8d8d-98003036ef2b",
                      "component": {
                        "properties": {
                          "label": {
                            "type": "code",
                            "displayName": "Label",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "placeholder": {
                            "type": "code",
                            "displayName": "Placeholder",
                            "validation": {
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "advanced": {
                            "type": "toggle",
                            "displayName": "Advanced",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "value": {
                            "type": "code",
                            "displayName": "Default value",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "boolean"
                                  }
                                ]
                              }
                            }
                          },
                          "values": {
                            "type": "code",
                            "displayName": "Option values",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "display_values": {
                            "type": "code",
                            "displayName": "Option labels",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": false
                            },
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "schema": {
                            "type": "code",
                            "displayName": "Schema",
                            "conditionallyRender": {
                              "key": "advanced",
                              "value": true
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Options loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onSelect": {
                            "displayName": "On select"
                          },
                          "onSearchTextChanged": {
                            "displayName": "On search text changed"
                          }
                        },
                        "styles": {
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "number"
                                  },
                                  {
                                    "type": "string"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "selectedTextColor": {
                            "type": "color",
                            "displayName": "Selected Text Color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "justifyContent": {
                            "type": "alignButtons",
                            "displayName": "Align Text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "borderRadius": {
                              "value": "5"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "justifyContent": {
                              "value": "left"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "validation": {
                            "customRule": {
                              "value": null
                            }
                          },
                          "properties": {
                            "advanced": {
                              "value": "{{false}}"
                            },
                            "schema": {
                              "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                            },
                            "label": {
                              "value": ""
                            },
                            "value": {
                              "value": "{{components.table1.selectedRow.free_shipping_bool}}"
                            },
                            "values": {
                              "value": "{{[false, true]}}"
                            },
                            "display_values": {
                              "value": "{{[\"No\", \"Yes\"]}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "placeholder": {
                              "value": "Select value"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "dropdown11",
                        "displayName": "Dropdown",
                        "description": "Single item selector",
                        "defaultSize": {
                          "width": 8,
                          "height": 30
                        },
                        "component": "DropDown",
                        "validation": {
                          "customRule": {
                            "type": "code",
                            "displayName": "Custom validation"
                          }
                        },
                        "exposedVariables": {
                          "value": 2,
                          "searchText": "",
                          "label": "Select",
                          "optionLabels": [
                            "one",
                            "two",
                            "three"
                          ],
                          "selectedOptionLabel": "two"
                        },
                        "actions": [
                          {
                            "handle": "selectOption",
                            "displayName": "Select option",
                            "params": [
                              {
                                "handle": "select",
                                "displayName": "Select"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 310,
                          "left": 25.581399583203897,
                          "width": 13,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "fb524a89-e03b-433a-8a94-f61ebd99bd36": {
                      "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#fff00000"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": 14
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "bold"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "VALID TILL :"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text48",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 380,
                          "left": 4.651161793912395,
                          "width": 9,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "41d423dd-e348-4684-a835-b3dc56be730c": {
                      "id": "41d423dd-e348-4684-a835-b3dc56be730c",
                      "component": {
                        "properties": {
                          "defaultValue": {
                            "type": "code",
                            "displayName": "Default value",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "format": {
                            "type": "code",
                            "displayName": "Format",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "enableTime": {
                            "type": "toggle",
                            "displayName": "Enable time selection?",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "enableDate": {
                            "type": "toggle",
                            "displayName": "Enable date selection?",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": true
                            }
                          },
                          "disabledDates": {
                            "type": "code",
                            "displayName": "Disabled dates",
                            "validation": {
                              "schema": {
                                "type": "array",
                                "element": {
                                  "type": "string"
                                }
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onSelect": {
                            "displayName": "On select"
                          }
                        },
                        "styles": {
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "borderRadius": {
                            "type": "code",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "validation": {
                            "customRule": {
                              "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
                            }
                          },
                          "properties": {
                            "defaultValue": {
                              "value": "{{components.table1.selectedRow.valid_till}}"
                            },
                            "format": {
                              "value": "DD/MM/YYYY"
                            },
                            "enableTime": {
                              "value": "{{false}}"
                            },
                            "enableDate": {
                              "value": "{{true}}"
                            },
                            "disabledDates": {
                              "value": "{{[]}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "datepicker2",
                        "displayName": "Date Picker",
                        "description": "Choose date and time",
                        "component": "Datepicker",
                        "defaultSize": {
                          "width": 5,
                          "height": 30
                        },
                        "validation": {
                          "customRule": {
                            "type": "code",
                            "displayName": "Custom validation"
                          }
                        },
                        "exposedVariables": {
                          "value": ""
                        }
                      },
                      "layouts": {
                        "desktop": {
                          "top": 380,
                          "left": 25.58139095173029,
                          "width": 13,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
                      "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
                      "component": {
                        "properties": {
                          "source": {
                            "type": "code",
                            "displayName": "URL",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "alternativeText": {
                            "type": "code",
                            "displayName": "Alternative text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "zoomButtons": {
                            "type": "toggle",
                            "displayName": "Zoom button",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "rotateButton": {
                            "type": "toggle",
                            "displayName": "Rotate button",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onClick": {
                            "displayName": "On click"
                          }
                        },
                        "styles": {
                          "borderType": {
                            "type": "select",
                            "displayName": "Border type",
                            "options": [
                              {
                                "name": "None",
                                "value": "none"
                              },
                              {
                                "name": "Rounded",
                                "value": "rounded"
                              },
                              {
                                "name": "Circle",
                                "value": "rounded-circle"
                              },
                              {
                                "name": "Thumbnail",
                                "value": "img-thumbnail"
                              }
                            ],
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "padding": {
                            "type": "code",
                            "displayName": "Padding",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "imageFit": {
                            "type": "select",
                            "displayName": "Image fit",
                            "options": [
                              {
                                "name": "fill",
                                "value": "fill"
                              },
                              {
                                "name": "contain",
                                "value": "contain"
                              },
                              {
                                "name": "cover",
                                "value": "cover"
                              },
                              {
                                "name": "scale-down",
                                "value": "scale-down"
                              }
                            ],
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "borderType": {
                              "value": "none"
                            },
                            "padding": {
                              "value": "0"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "imageFit": {
                              "value": "contain"
                            },
                            "backgroundColor": {
                              "value": ""
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "source": {
                              "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                            },
                            "visible": {
                              "value": "{{true}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "alternativeText": {
                              "value": ""
                            },
                            "zoomButtons": {
                              "value": "{{false}}"
                            },
                            "rotateButton": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {
                            "tooltip": {
                              "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
                            }
                          },
                          "exposedVariables": {}
                        },
                        "name": "image5",
                        "displayName": "Image",
                        "description": "Show image files",
                        "defaultSize": {
                          "width": 3,
                          "height": 100
                        },
                        "component": "Image",
                        "exposedVariables": {}
                      },
                      "layouts": {
                        "desktop": {
                          "top": 380,
                          "left": 58.13952912432483,
                          "width": 2,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "ca410b25-e7b7-413f-a01e-cccf62efa204": {
                      "id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
                      "component": {
                        "properties": {
                          "source": {
                            "type": "code",
                            "displayName": "URL",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "alternativeText": {
                            "type": "code",
                            "displayName": "Alternative text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "zoomButtons": {
                            "type": "toggle",
                            "displayName": "Zoom button",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "rotateButton": {
                            "type": "toggle",
                            "displayName": "Rotate button",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onClick": {
                            "displayName": "On click"
                          }
                        },
                        "styles": {
                          "borderType": {
                            "type": "select",
                            "displayName": "Border type",
                            "options": [
                              {
                                "name": "None",
                                "value": "none"
                              },
                              {
                                "name": "Rounded",
                                "value": "rounded"
                              },
                              {
                                "name": "Circle",
                                "value": "rounded-circle"
                              },
                              {
                                "name": "Thumbnail",
                                "value": "img-thumbnail"
                              }
                            ],
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "padding": {
                            "type": "code",
                            "displayName": "Padding",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "imageFit": {
                            "type": "select",
                            "displayName": "Image fit",
                            "options": [
                              {
                                "name": "fill",
                                "value": "fill"
                              },
                              {
                                "name": "contain",
                                "value": "contain"
                              },
                              {
                                "name": "cover",
                                "value": "cover"
                              },
                              {
                                "name": "scale-down",
                                "value": "scale-down"
                              }
                            ],
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "borderType": {
                              "value": "none"
                            },
                            "padding": {
                              "value": "0"
                            },
                            "visibility": {
                              "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
                              "fxActive": true
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            },
                            "imageFit": {
                              "value": "contain"
                            },
                            "backgroundColor": {
                              "value": ""
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "source": {
                              "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                            },
                            "visible": {
                              "value": "{{true}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            },
                            "alternativeText": {
                              "value": ""
                            },
                            "zoomButtons": {
                              "value": "{{false}}"
                            },
                            "rotateButton": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {
                            "tooltip": {
                              "value": "Maximum spend should be greater than or equal to Minimum spend"
                            }
                          },
                          "exposedVariables": {}
                        },
                        "name": "image6",
                        "displayName": "Image",
                        "description": "Show image files",
                        "defaultSize": {
                          "width": 3,
                          "height": 100
                        },
                        "component": "Image",
                        "exposedVariables": {}
                      },
                      "layouts": {
                        "desktop": {
                          "top": 240,
                          "left": 90.69766853643817,
                          "width": 2,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "798a2874-8880-410d-86ca-8466e7a7f53f": {
                      "id": "798a2874-8880-410d-86ca-8466e7a7f53f",
                      "component": {
                        "properties": {},
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "dividerColor": {
                            "type": "color",
                            "displayName": "Divider color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "dividerColor": {
                              "value": "#8888884d"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {},
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "divider4",
                        "displayName": "Divider",
                        "description": "Separator between components",
                        "component": "Divider",
                        "defaultSize": {
                          "width": 10,
                          "height": 10
                        },
                        "exposedVariables": {
                          "value": {}
                        }
                      },
                      "layouts": {
                        "desktop": {
                          "top": 440,
                          "left": 2.3255811419964743,
                          "width": 41,
                          "height": 10
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "ec924236-9797-491e-bca5-6fab6711f2da": {
                      "id": "ec924236-9797-491e-bca5-6fab6711f2da",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Button text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onClick": {
                            "displayName": "On click"
                          },
                          "onHover": {
                            "displayName": "On hover"
                          }
                        },
                        "styles": {
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "loaderColor": {
                            "type": "color",
                            "displayName": "Loader color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderRadius": {
                            "type": "number",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "number"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [
                            {
                              "eventId": "onClick",
                              "actionId": "run-query",
                              "message": "Hello world!",
                              "alertType": "info",
                              "queryName": "updatePromoCode",
                              "parameters": {}
                            }
                          ],
                          "styles": {
                            "backgroundColor": {
                              "value": "#3e63ddff"
                            },
                            "textColor": {
                              "value": "#fff"
                            },
                            "loaderColor": {
                              "value": "#fff"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "borderColor": {
                              "value": "#3e63ddff"
                            },
                            "disabledState": {
                              "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
                              "fxActive": true
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "Save"
                            },
                            "loadingState": {
                              "value": "{{queries.updatePromoCode.isLoading}}",
                              "fxActive": true
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "button6",
                        "displayName": "Button",
                        "description": "Trigger actions: queries, alerts, set variables etc.",
                        "component": "Button",
                        "defaultSize": {
                          "width": 3,
                          "height": 30
                        },
                        "exposedVariables": {
                          "buttonText": "Button"
                        },
                        "actions": [
                          {
                            "handle": "click",
                            "displayName": "Click"
                          },
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New Text"
                              }
                            ]
                          },
                          {
                            "handle": "disable",
                            "displayName": "Disable",
                            "params": [
                              {
                                "handle": "disable",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Visibility",
                            "params": [
                              {
                                "handle": "visible",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "loading",
                            "displayName": "Loading",
                            "params": [
                              {
                                "handle": "loading",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 470,
                          "left": 79.0697419241573,
                          "width": 7.000000000000001,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "cb71d470-0254-4fa8-92d9-735a91f5f66e": {
                      "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Button text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {
                          "onClick": {
                            "displayName": "On click"
                          },
                          "onHover": {
                            "displayName": "On hover"
                          }
                        },
                        "styles": {
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "loaderColor": {
                            "type": "color",
                            "displayName": "Loader color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderRadius": {
                            "type": "number",
                            "displayName": "Border radius",
                            "validation": {
                              "schema": {
                                "type": "number"
                              },
                              "defaultValue": false
                            }
                          },
                          "borderColor": {
                            "type": "color",
                            "displayName": "Border color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              },
                              "defaultValue": false
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [
                            {
                              "eventId": "onClick",
                              "actionId": "close-modal",
                              "message": "Hello world!",
                              "alertType": "info",
                              "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                            }
                          ],
                          "styles": {
                            "backgroundColor": {
                              "value": "#3e63dd26"
                            },
                            "textColor": {
                              "value": "#3e63ddff"
                            },
                            "loaderColor": {
                              "value": "#3e63ddff"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "borderRadius": {
                              "value": "{{5}}"
                            },
                            "borderColor": {
                              "value": "#3e63ddff"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "Cancel"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "button7",
                        "displayName": "Button",
                        "description": "Trigger actions: queries, alerts, set variables etc.",
                        "component": "Button",
                        "defaultSize": {
                          "width": 3,
                          "height": 30
                        },
                        "exposedVariables": {
                          "buttonText": "Button"
                        },
                        "actions": [
                          {
                            "handle": "click",
                            "displayName": "Click"
                          },
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New Text"
                              }
                            ]
                          },
                          {
                            "handle": "disable",
                            "displayName": "Disable",
                            "params": [
                              {
                                "handle": "disable",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Visibility",
                            "params": [
                              {
                                "handle": "visible",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          },
                          {
                            "handle": "loading",
                            "displayName": "Loading",
                            "params": [
                              {
                                "handle": "loading",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "layouts": {
                        "desktop": {
                          "top": 470,
                          "left": 60.46510115735242,
                          "width": 7,
                          "height": 40
                        }
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                    },
                    "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
                      "component": {
                        "properties": {
                          "text": {
                            "type": "code",
                            "displayName": "Text",
                            "validation": {
                              "schema": {
                                "type": "union",
                                "schemas": [
                                  {
                                    "type": "string"
                                  },
                                  {
                                    "type": "number"
                                  }
                                ]
                              }
                            }
                          },
                          "loadingState": {
                            "type": "toggle",
                            "displayName": "Show loading state",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "general": {
                          "tooltip": {
                            "type": "code",
                            "displayName": "Tooltip",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          }
                        },
                        "others": {
                          "showOnDesktop": {
                            "type": "toggle",
                            "displayName": "Show on desktop"
                          },
                          "showOnMobile": {
                            "type": "toggle",
                            "displayName": "Show on mobile"
                          }
                        },
                        "events": {},
                        "styles": {
                          "fontWeight": {
                            "type": "select",
                            "displayName": "Font weight",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "bold",
                                "value": "bold"
                              },
                              {
                                "name": "lighter",
                                "value": "lighter"
                              },
                              {
                                "name": "bolder",
                                "value": "bolder"
                              }
                            ]
                          },
                          "decoration": {
                            "type": "select",
                            "displayName": "Text decoration",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "overline",
                                "value": "overline"
                              },
                              {
                                "name": "line-through",
                                "value": "line-through"
                              },
                              {
                                "name": "underline",
                                "value": "underline"
                              },
                              {
                                "name": "overline underline",
                                "value": "overline underline"
                              }
                            ]
                          },
                          "transformation": {
                            "type": "select",
                            "displayName": "Text transformation",
                            "options": [
                              {
                                "name": "none",
                                "value": "none"
                              },
                              {
                                "name": "uppercase",
                                "value": "uppercase"
                              },
                              {
                                "name": "lowercase",
                                "value": "lowercase"
                              },
                              {
                                "name": "capitalize",
                                "value": "capitalize"
                              }
                            ]
                          },
                          "fontStyle": {
                            "type": "select",
                            "displayName": "Font style",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "italic",
                                "value": "italic"
                              },
                              {
                                "name": "oblique",
                                "value": "oblique"
                              }
                            ]
                          },
                          "lineHeight": {
                            "type": "number",
                            "displayName": "Line height"
                          },
                          "textIndent": {
                            "type": "number",
                            "displayName": "Text indent"
                          },
                          "letterSpacing": {
                            "type": "number",
                            "displayName": "Letter spacing"
                          },
                          "wordSpacing": {
                            "type": "number",
                            "displayName": "Word spacing"
                          },
                          "fontVariant": {
                            "type": "select",
                            "displayName": "Font variant",
                            "options": [
                              {
                                "name": "normal",
                                "value": "normal"
                              },
                              {
                                "name": "small-caps",
                                "value": "small-caps"
                              },
                              {
                                "name": "initial",
                                "value": "initial"
                              },
                              {
                                "name": "inherit",
                                "value": "inherit"
                              }
                            ]
                          },
                          "textSize": {
                            "type": "number",
                            "displayName": "Text size",
                            "validation": {
                              "schema": {
                                "type": "number"
                              }
                            }
                          },
                          "backgroundColor": {
                            "type": "color",
                            "displayName": "Background color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textColor": {
                            "type": "color",
                            "displayName": "Text color",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "textAlign": {
                            "type": "alignButtons",
                            "displayName": "Align text",
                            "validation": {
                              "schema": {
                                "type": "string"
                              }
                            }
                          },
                          "visibility": {
                            "type": "toggle",
                            "displayName": "Visibility",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          },
                          "disabledState": {
                            "type": "toggle",
                            "displayName": "Disable",
                            "validation": {
                              "schema": {
                                "type": "boolean"
                              }
                            }
                          }
                        },
                        "validate": true,
                        "generalStyles": {
                          "boxShadow": {
                            "type": "boxShadow",
                            "displayName": "Box Shadow"
                          }
                        },
                        "definition": {
                          "others": {
                            "showOnDesktop": {
                              "value": "{{true}}"
                            },
                            "showOnMobile": {
                              "value": "{{false}}"
                            }
                          },
                          "events": [],
                          "styles": {
                            "backgroundColor": {
                              "value": "#8888881a"
                            },
                            "textColor": {
                              "value": "#000000"
                            },
                            "textSize": {
                              "value": "{{16}}"
                            },
                            "textAlign": {
                              "value": "left"
                            },
                            "fontWeight": {
                              "value": "normal"
                            },
                            "decoration": {
                              "value": "none"
                            },
                            "transformation": {
                              "value": "none"
                            },
                            "fontStyle": {
                              "value": "normal"
                            },
                            "lineHeight": {
                              "value": 1.5
                            },
                            "textIndent": {
                              "value": 0
                            },
                            "letterSpacing": {
                              "value": 0
                            },
                            "wordSpacing": {
                              "value": 0
                            },
                            "fontVariant": {
                              "value": "normal"
                            },
                            "visibility": {
                              "value": "{{true}}"
                            },
                            "disabledState": {
                              "value": "{{false}}"
                            }
                          },
                          "generalStyles": {
                            "boxShadow": {
                              "value": "0px 0px 0px 0px #00000040"
                            }
                          },
                          "properties": {
                            "text": {
                              "value": "&nbsp;&nbsp;{{components.table1.selectedRow.promo_code}}"
                            },
                            "loadingState": {
                              "value": "{{false}}"
                            }
                          },
                          "general": {},
                          "exposedVariables": {}
                        },
                        "name": "text49",
                        "displayName": "Text",
                        "description": "Display text or HTML",
                        "component": "Text",
                        "defaultSize": {
                          "width": 6,
                          "height": 30
                        },
                        "exposedVariables": {
                          "text": "Hello, there!"
                        },
                        "actions": [
                          {
                            "handle": "setText",
                            "displayName": "Set Text",
                            "params": [
                              {
                                "handle": "text",
                                "displayName": "Text",
                                "defaultValue": "New text"
                              }
                            ]
                          },
                          {
                            "handle": "visibility",
                            "displayName": "Set Visibility",
                            "params": [
                              {
                                "handle": "visibility",
                                "displayName": "Value",
                                "defaultValue": "{{false}}",
                                "type": "toggle"
                              }
                            ]
                          }
                        ]
                      },
                      "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
                      "layouts": {
                        "desktop": {
                          "top": 30,
                          "left": 25.58139644141283,
                          "width": 30,
                          "height": 40
                        }
                      },
                      "withDefaultChildren": false
                    },
                    "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": ""
            },
            "pageSettings": {
              "properties": {
                "disableMenu": {
                  "value": "{{true}}",
                  "fxActive": false
                }
              }
            },
            "showViewerNavigation": false,
            "homePageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
            "appId": "318b79a1-0f2d-4489-8859-02f20781aa6d",
            "currentEnvironmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
            "promotedFrom": null,
            "createdAt": "2024-04-30T08:26:07.289Z",
            "updatedAt": "2024-05-09T06:13:24.100Z"
          },
          "components": [
            {
              "id": "c96e7c19-75dd-4382-bd3d-2227604ece95",
              "name": "button2",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "Generate code"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63dd26"
                },
                "textColor": {
                  "value": "#3e63ddff"
                },
                "loaderColor": {
                  "value": "#3e63ddff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "2b4a9fbc-1cf8-4e5b-86d0-37608ebaa63c",
                  "type": "desktop",
                  "top": 30,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "c96e7c19-75dd-4382-bd3d-2227604ece95",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "1068c434-2617-4fc6-adf0-a56c785562de",
              "name": "button4",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "Cancel"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63dd26"
                },
                "textColor": {
                  "value": "#3e63ddff"
                },
                "loaderColor": {
                  "value": "#3e63ddff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "fad86098-0331-4117-8788-d08b7171a4e5",
                  "type": "desktop",
                  "top": 470,
                  "left": 26,
                  "width": 7,
                  "height": 40,
                  "componentId": "1068c434-2617-4fc6-adf0-a56c785562de",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "c0bd7001-0da0-4f8d-827c-83d89a584013",
              "name": "button3",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "Create"
                },
                "loadingState": {
                  "value": "{{queries.createPromoCode.isLoading}}",
                  "fxActive": true
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
                  "fxActive": true
                },
                "tooltip": {
                  "value": ""
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63ddff"
                },
                "textColor": {
                  "value": "#fff"
                },
                "loaderColor": {
                  "value": "#fff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "ef4f7063-07c5-4e33-a574-baa89c32ca9b",
                  "type": "desktop",
                  "top": 470,
                  "left": 34,
                  "width": 7.000000000000001,
                  "height": 40,
                  "componentId": "c0bd7001-0da0-4f8d-827c-83d89a584013",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "b8a25821-02cb-4a85-8c4f-6b61c08a1056",
              "name": "textinput1",
              "type": "TextInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "value": {
                  "value": ""
                },
                "placeholder": {
                  "value": "Enter promo code"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "textColor": {
                  "value": "#000"
                },
                "borderColor": {
                  "value": "#dadcde"
                },
                "errTextColor": {
                  "value": "#ff0000"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "#fff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "cc49837d-c8a7-45e9-84b4-8461649f0fa7",
                  "type": "desktop",
                  "top": 30,
                  "left": 11,
                  "width": 17,
                  "height": 40,
                  "componentId": "b8a25821-02cb-4a85-8c4f-6b61c08a1056",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "388915a0-e87d-418b-af7d-917d93da219d",
              "name": "button7",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "Cancel"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63dd26"
                },
                "textColor": {
                  "value": "#3e63ddff"
                },
                "loaderColor": {
                  "value": "#3e63ddff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "37ba2626-45bb-45f4-a522-224d12667885",
                  "type": "desktop",
                  "top": 470,
                  "left": 26,
                  "width": 7,
                  "height": 40,
                  "componentId": "388915a0-e87d-418b-af7d-917d93da219d",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "667920e8-8475-4537-a9b6-1b2a5428b803",
              "name": "button6",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "Save"
                },
                "loadingState": {
                  "value": "{{queries.updatePromoCode.isLoading}}",
                  "fxActive": true
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
                  "fxActive": true
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63ddff"
                },
                "textColor": {
                  "value": "#fff"
                },
                "loaderColor": {
                  "value": "#fff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "339ba01d-7564-4a16-ae8e-3c8f7983d945",
                  "type": "desktop",
                  "top": 470,
                  "left": 34,
                  "width": 7.000000000000001,
                  "height": 40,
                  "componentId": "667920e8-8475-4537-a9b6-1b2a5428b803",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "14344e97-0687-479e-9a55-596cf61dda2b",
              "name": "numberinput6",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "value": {
                  "value": "{{components.table1.selectedRow.amount}}"
                },
                "placeholder": {
                  "value": "0"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "",
                  "fxActive": false
                },
                "borderColor": {
                  "value": "",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#232e3c"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "1"
                },
                "maxValue": {
                  "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "cb7b35ca-65b4-4ccd-a8a2-8941fb14b43f",
                  "type": "desktop",
                  "top": 100,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "14344e97-0687-479e-9a55-596cf61dda2b",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "149e73bf-4ad5-42d5-b034-7811eb4df5c0",
              "name": "dropdown8",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "a62e9a21-0b31-45ee-ad58-00547cbcd4fc",
                  "type": "desktop",
                  "top": 100,
                  "left": 11,
                  "width": 17,
                  "height": 40,
                  "componentId": "149e73bf-4ad5-42d5-b034-7811eb4df5c0",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "26310e5d-be67-453e-957c-83aff66132a1",
              "name": "datepicker1",
              "type": "Datepicker",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "5856e915-f84f-4d4b-b7d2-9241a0a4354b",
                  "type": "desktop",
                  "top": 380,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "26310e5d-be67-453e-957c-83aff66132a1",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "ccc9510d-4df0-4ab7-b58c-f715babcec13",
              "name": "dropdown7",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "54da1fda-8baf-42bb-9c4c-69bc7c4a6a95",
                  "type": "desktop",
                  "top": 310,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "ccc9510d-4df0-4ab7-b58c-f715babcec13",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a0f9ea16-82e4-4a2c-8cdc-4588430ea556",
              "name": "dropdown6",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "43aa0510-beff-46d8-9f6e-fdf8de7f77dc",
                  "type": "desktop",
                  "top": 240,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "a0f9ea16-82e4-4a2c-8cdc-4588430ea556",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a42fe37b-70d3-480a-9be2-9cb4317e8c47",
              "name": "dropdown5",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "0f4aeb3e-89b1-4fb6-87cd-cf5dd3268189",
                  "type": "desktop",
                  "top": 170,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "a42fe37b-70d3-480a-9be2-9cb4317e8c47",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "375a99f4-d938-4625-b1fe-71d069c310cf",
              "name": "numberinput3",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "value": {
                  "value": "{{components.dropdown4.value == \"percent\" ? \"20\" : \"100\"}}"
                },
                "placeholder": {
                  "value": "0"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "",
                  "fxActive": false
                },
                "borderColor": {
                  "value": "",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#232e3c"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "1"
                },
                "maxValue": {
                  "value": "{{components.dropdown4.value == \"percent\" ? \"100\" : \"100000\"}}"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "7f48c495-bb5f-48d4-8c9d-54bd0391381c",
                  "type": "desktop",
                  "top": 100,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "375a99f4-d938-4625-b1fe-71d069c310cf",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "93c58cf9-b3c0-4398-982c-58f0dc8bbb18",
              "name": "dropdown4",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-09T06:04:18.394Z",
              "layouts": [
                {
                  "id": "c1b4722d-a6e8-4962-8ddd-ed752858a64f",
                  "type": "desktop",
                  "top": 100,
                  "left": 11,
                  "width": 17,
                  "height": 40,
                  "componentId": "93c58cf9-b3c0-4398-982c-58f0dc8bbb18",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "1cc9a2c5-957b-46a8-a3b3-212997ce1c37",
              "name": "datepicker2",
              "type": "Datepicker",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "defaultValue": {
                  "value": "{{moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.valid_till).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.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:14:56.911Z",
              "layouts": [
                {
                  "id": "302c6d45-5d8f-4c51-98c4-14d9f8409e91",
                  "type": "desktop",
                  "top": 380,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "1cc9a2c5-957b-46a8-a3b3-212997ce1c37",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "38bbc303-30ca-40c0-a03c-fc671123ea19",
              "name": "dropdown11",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "c9ea6ee7-3d7c-4259-8c75-0707810683f0",
                  "type": "desktop",
                  "top": 310,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "38bbc303-30ca-40c0-a03c-fc671123ea19",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "210e6351-a82f-4cf8-992f-c559040240e4",
              "name": "modal2",
              "type": "Modal",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-06T18:15:49.061Z",
              "layouts": [
                {
                  "id": "70b5edad-84ee-4f08-b92f-7f62aa15c8e1",
                  "type": "desktop",
                  "top": 890,
                  "left": 8,
                  "width": 6,
                  "height": 40,
                  "componentId": "210e6351-a82f-4cf8-992f-c559040240e4",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "7331c813-ed49-4eba-9cce-1c5b1ed9e755",
              "name": "dropdown9",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "42acc796-2e2b-4187-bbe2-eebcce48d212",
                  "type": "desktop",
                  "top": 170,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "7331c813-ed49-4eba-9cce-1c5b1ed9e755",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "520a79cf-1abe-443c-9c1b-c11a5767a05b",
              "name": "text49",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "&nbsp;&nbsp;{{components.table1.selectedRow.promo_code}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "3fdfd664-bdb7-42b6-a000-59f1ddda2ad2",
                  "type": "desktop",
                  "top": 30,
                  "left": 11,
                  "width": 30,
                  "height": 40,
                  "componentId": "520a79cf-1abe-443c-9c1b-c11a5767a05b",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "e7785fd3-ce06-44af-9d6f-fe42d07c38c9",
              "name": "dropdown10",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "1443a0f2-33a8-471d-bb8c-bfc14ec6d600",
                  "type": "desktop",
                  "top": 240,
                  "left": 11,
                  "width": 13,
                  "height": 40,
                  "componentId": "e7785fd3-ce06-44af-9d6f-fe42d07c38c9",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "9e82b6df-e10a-4f40-bbe2-dc54209758ad",
              "name": "text22",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "text": {
                  "value": "{{components.696c5e76-ed1d-43ae-8291-b75f10666a29.value != undefined ? queries.97a3fad4-ce00-496b-9335-5019dcc4aa3d.data.finalValue.toFixed(2) : \"0\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                },
                "verticalAlignment": {
                  "value": "center"
                },
                "padding": {
                  "value": "default"
                },
                "borderColor": {
                  "value": ""
                },
                "borderRadius": {
                  "value": "{{6}}"
                },
                "isScrollRequired": {
                  "value": "enabled"
                }
              },
              "generalStyles": {
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:18:14.099Z",
              "layouts": [
                {
                  "id": "16051f1a-1e37-4d60-a916-e4f5a9e18b66",
                  "type": "desktop",
                  "top": 170,
                  "left": 17,
                  "width": 22.999999999999996,
                  "height": 40,
                  "componentId": "9e82b6df-e10a-4f40-bbe2-dc54209758ad",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "932a2264-c43f-45d5-a6cb-3a0505b0bbfb",
              "name": "text21",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "text": {
                  "value": "Final amount ($)"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "f6d283dd-25fa-4814-9c4c-1665882fae33",
                  "type": "desktop",
                  "top": 170,
                  "left": 2,
                  "width": 15,
                  "height": 40,
                  "componentId": "932a2264-c43f-45d5-a6cb-3a0505b0bbfb",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "80f85408-4409-4188-8d35-2d3f12d7f8b4",
              "name": "button1",
              "type": "Button",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": null,
              "properties": {
                "text": {
                  "value": "Create Promo Code"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#3e63dd26"
                },
                "textColor": {
                  "value": "#3e63ddff"
                },
                "loaderColor": {
                  "value": "#3e63ddff"
                },
                "borderRadius": {
                  "value": "{{5}}"
                },
                "borderColor": {
                  "value": "#3e63ddff"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-11-10T20:25:24.262Z",
              "layouts": [
                {
                  "id": "89261b6d-9dda-478c-ba91-e9cf84526336",
                  "type": "desktop",
                  "top": 110,
                  "left": 29,
                  "width": 13,
                  "height": 40,
                  "componentId": "80f85408-4409-4188-8d35-2d3f12d7f8b4",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T21:57:49.988Z"
                }
              ]
            },
            {
              "id": "af35eba4-ad7c-47c6-8a14-04c431ecec76",
              "name": "table1",
              "type": "Table",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632",
              "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",
                      "transformation": "{{rowData.discount_type == \"fixed\" ? \"$\" + cellValue : cellValue + \"%\"}}"
                    },
                    {
                      "id": "66211b00-fdfe-4ee4-b656-02275a663665",
                      "name": "free shipping",
                      "key": "free_shipping",
                      "columnType": "string",
                      "autogenerated": true,
                      "values": "{{[true, false]}}",
                      "labels": "{{[\"Yes\", \"No\"]}}",
                      "activeColor": "#3e63ddff",
                      "textColor": "{{({ Yes: \"#3E63DD\", No: \"\" })[cellValue]}}",
                      "fxActiveFields": [
                        "textColor"
                      ]
                    }
                  ]
                },
                "showBulkUpdateActions": {
                  "value": "{{false}}"
                },
                "columnSizes": {
                  "value": {
                    "e3ecbf7fa52c4d7210a93edb8f43776267a489bad52bd108be9588f790126737": 82,
                    "e6e9b325-4568-49a5-ac62-9aa215d02ea8": 186,
                    "28f5b628-749e-493a-b307-63cdcc071a7f": 249,
                    "66211b00-fdfe-4ee4-b656-02275a663665": 84
                  }
                },
                "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",
                    "id"
                  ]
                },
                "title": {
                  "value": "Table"
                },
                "visible": {
                  "value": "{{true}}"
                },
                "useDynamicColumn": {
                  "value": "{{false}}"
                },
                "columnData": {
                  "value": "{{[{name: 'email', key: 'email', id: '1'}, {name: 'Full name', key: 'name', id: '2', isEditable: true}]}}"
                },
                "rowsPerPage": {
                  "value": "{{10}}"
                },
                "serverSidePagination": {
                  "value": "{{false}}"
                },
                "enableNextButton": {
                  "value": "{{true}}"
                },
                "enablePrevButton": {
                  "value": "{{true}}"
                },
                "totalRecords": {
                  "value": "{{10}}"
                },
                "enablePagination": {
                  "value": "{{true}}"
                },
                "serverSideSort": {
                  "value": "{{false}}"
                },
                "serverSideFilter": {
                  "value": "{{false}}"
                },
                "displaySearchBox": {
                  "value": "{{true}}"
                },
                "showDownloadButton": {
                  "value": "{{true}}"
                },
                "showFilterButton": {
                  "value": "{{true}}"
                },
                "autogenerateColumns": {
                  "value": true,
                  "generateNestedColumns": true
                },
                "isAllColumnsEditable": {
                  "value": "{{false}}"
                },
                "showBulkSelector": {
                  "value": "{{false}}"
                },
                "highlightSelectedRow": {
                  "value": "{{false}}"
                },
                "enabledSort": {
                  "value": "{{true}}"
                },
                "hideColumnSelectorButton": {
                  "value": "{{false}}"
                },
                "defaultSelectedRow": {
                  "value": "{{{\"id\":1}}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                }
              },
              "general": {},
              "styles": {
                "actionButtonRadius": {
                  "value": "50"
                },
                "borderRadius": {
                  "value": "10"
                },
                "textColor": {
                  "value": "#000"
                },
                "columnHeaderWrap": {
                  "value": "fixed"
                },
                "cellSize": {
                  "value": "regular"
                },
                "tableType": {
                  "value": "table-classic"
                },
                "maxRowHeight": {
                  "value": "auto"
                },
                "maxRowHeightValue": {
                  "value": "{{0}}"
                },
                "contentWrap": {
                  "value": "{{true}}"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000090"
                },
                "padding": {
                  "value": "default"
                }
              },
              "generalStyles": {
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:20:00.454Z",
              "layouts": [
                {
                  "id": "556a49e4-4eb8-4b25-a156-cd94269b93dd",
                  "type": "desktop",
                  "top": 70,
                  "left": 1,
                  "width": 41,
                  "height": 500,
                  "componentId": "af35eba4-ad7c-47c6-8a14-04c431ecec76",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T22:19:32.967Z"
                }
              ]
            },
            {
              "id": "16aa66c7-8c5d-4f71-a09d-33ca3c5f765d",
              "name": "divider4",
              "type": "Divider",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "d6adb250-d3b0-4081-bfb1-fed4f04e3f5f",
                  "type": "desktop",
                  "top": 440,
                  "left": 1,
                  "width": 41,
                  "height": -1,
                  "componentId": "16aa66c7-8c5d-4f71-a09d-33ca3c5f765d",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a75b5c56-5006-4a78-b273-c32531fc3213",
              "name": "dropdown1",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "609b1421-2413-4d81-ad47-5c062b1746b8",
                  "type": "desktop",
                  "top": 20,
                  "left": 31,
                  "width": 11.000000000000002,
                  "height": 40,
                  "componentId": "a75b5c56-5006-4a78-b273-c32531fc3213",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "07ae4695-9925-43b2-b9c5-f7a05382f248",
              "name": "text3",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "c1d70a67-3dbf-43dc-aba9-2a1654648632",
              "properties": {
                "text": {
                  "value": "Promo codes available:"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#fff00000"
                },
                "textColor": {
                  "value": "#000000"
                },
                "textSize": {
                  "value": "18"
                },
                "textAlign": {
                  "value": "left"
                },
                "fontWeight": {
                  "value": "bold"
                },
                "decoration": {
                  "value": "none"
                },
                "transformation": {
                  "value": "none"
                },
                "fontStyle": {
                  "value": "normal"
                },
                "lineHeight": {
                  "value": 1.5
                },
                "textIndent": {
                  "value": 0
                },
                "letterSpacing": {
                  "value": 0
                },
                "wordSpacing": {
                  "value": 0
                },
                "fontVariant": {
                  "value": "normal"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                },
                "verticalAlignment": {
                  "value": "center"
                },
                "padding": {
                  "value": "default"
                },
                "borderColor": {
                  "value": ""
                },
                "borderRadius": {
                  "value": "{{6}}"
                },
                "isScrollRequired": {
                  "value": "enabled"
                }
              },
              "generalStyles": {
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:19:21.098Z",
              "layouts": [
                {
                  "id": "97534d94-47e2-4a2c-abe5-7e0b0bfc6d72",
                  "type": "desktop",
                  "top": 20,
                  "left": 1,
                  "width": 14.000000000000002,
                  "height": 40,
                  "componentId": "07ae4695-9925-43b2-b9c5-f7a05382f248",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "name": "modal1",
              "type": "Modal",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "28f077d5-f0e5-4526-91e9-680fad6126f9",
                  "type": "desktop",
                  "top": 890,
                  "left": 1,
                  "width": 6,
                  "height": 40,
                  "componentId": "0aed0d97-ee66-415f-98ea-4c70a279d129",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "name": "container4",
              "type": "Container",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "b3b36bab-9e37-464a-8bde-a5f8faf08403",
                  "type": "desktop",
                  "top": 480,
                  "left": 29,
                  "width": 13,
                  "height": 230,
                  "componentId": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "b7aba0cc-b2fc-4418-8cf8-2fe79cb8bf9d",
              "name": "divider2",
              "type": "Divider",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "0e888d28-7a8c-466b-9071-0de1e5aa4dc2",
                  "type": "desktop",
                  "top": 150,
                  "left": 2,
                  "width": 38,
                  "height": 10,
                  "componentId": "b7aba0cc-b2fc-4418-8cf8-2fe79cb8bf9d",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "f5920aa5-6bdc-4bab-8db8-68208dfe8e0e",
              "name": "text31",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "PROMO CODE :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "6fb753f9-5527-45ab-b87a-2e8000f82f7d",
                  "type": "desktop",
                  "top": 30,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "f5920aa5-6bdc-4bab-8db8-68208dfe8e0e",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "name": "container3",
              "type": "Container",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "86b697b1-d96a-4e1e-9de6-248c9c3465fd",
                  "type": "desktop",
                  "top": 160,
                  "left": 29,
                  "width": 12.999999999999998,
                  "height": 310,
                  "componentId": "7995b60a-9262-4246-a9f0-b34610ebdf39",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "077c3b67-0de4-4302-bf71-dec047293e3b",
              "name": "image1",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "f089d237-fc93-4e97-a2b0-0fa9c9423dba",
                  "type": "desktop",
                  "top": 30,
                  "left": 39,
                  "width": 2,
                  "height": 40,
                  "componentId": "077c3b67-0de4-4302-bf71-dec047293e3b",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "6a4b76b4-eb9f-42bd-8899-f34dc8a33e53",
              "name": "text32",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "DISCOUNT :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "4846c911-62f3-429a-a80d-f44e6afde234",
                  "type": "desktop",
                  "top": 100,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "6a4b76b4-eb9f-42bd-8899-f34dc8a33e53",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "12458af5-6f4b-4d4d-a191-00f95f40848e",
              "name": "text34",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "{{components.dropdown4.value == \"percent\" ? \"%\" : \"$\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "6dcb0f5b-8781-467d-868a-44942c02ea70",
                  "type": "desktop",
                  "top": 100,
                  "left": 39,
                  "width": 2,
                  "height": 40,
                  "componentId": "12458af5-6f4b-4d4d-a191-00f95f40848e",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "91ed1bf0-900d-4d72-9d89-d38cc9d4fde8",
              "name": "text33",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "MINIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "da2f9f3d-17a1-4808-9d00-c54422fe0ce7",
                  "type": "desktop",
                  "top": 170,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "91ed1bf0-900d-4d72-9d89-d38cc9d4fde8",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "f7fd2955-ed42-4c38-8b3e-1bf34803222a",
              "name": "text36",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "MAXIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "788487f1-bc0b-4b37-a59d-c053a9bfe369",
                  "type": "desktop",
                  "top": 240,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "f7fd2955-ed42-4c38-8b3e-1bf34803222a",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "4d242ae8-f1d1-41f5-9bfb-77d31eb50364",
              "name": "text37",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "$&nbsp;"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown6.value}}",
                  "fxActive": true
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "8b7fd98e-d676-4565-9ee9-14b80d3f6ff4",
                  "type": "desktop",
                  "top": 240,
                  "left": 26,
                  "width": 2,
                  "height": 40,
                  "componentId": "4d242ae8-f1d1-41f5-9bfb-77d31eb50364",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "cf0c1cad-5b99-4ef2-955a-75a7472789e8",
              "name": "numberinput5",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "value": {
                  "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
                },
                "placeholder": {
                  "value": "{{components.numberinput4.value}}"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown6.value}}",
                  "fxActive": true
                },
                "tooltip": {
                  "value": ""
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "0"
                },
                "maxValue": {
                  "value": "100000"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "9a4c14f9-f007-4548-80b5-8d85db5b0a62",
                  "type": "desktop",
                  "top": 240,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "cf0c1cad-5b99-4ef2-955a-75a7472789e8",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "2e1c0842-eff6-4260-8a32-d932062d4ba1",
              "name": "text38",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "FREE SHIPPING :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "f074890a-4b5d-4d74-b363-20d578ab13ed",
                  "type": "desktop",
                  "top": 310,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "2e1c0842-eff6-4260-8a32-d932062d4ba1",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "d95bd088-0329-4341-ac5f-0ff8a48e98a1",
              "name": "text39",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "VALID TILL :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "8dde5bc3-f6f3-45b0-99ca-063fcf79929e",
                  "type": "desktop",
                  "top": 380,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "d95bd088-0329-4341-ac5f-0ff8a48e98a1",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "9df92a6e-fc6d-430e-bcc8-a475c813497f",
              "name": "numberinput4",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "value": {
                  "value": "{{components.dropdown5.value ? \"100\" : \"0\"}}"
                },
                "placeholder": {
                  "value": "{{components.numberinput4.value}}"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown5.value}}",
                  "fxActive": true
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "",
                  "fxActive": false
                },
                "borderColor": {
                  "value": "",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#232e3c"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "0"
                },
                "maxValue": {
                  "value": "99999"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "45dfed12-79a2-457e-9deb-3606d1ad3dba",
                  "type": "desktop",
                  "top": 170,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "9df92a6e-fc6d-430e-bcc8-a475c813497f",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "563f7cf1-b573-42b6-9622-75e185cb86bf",
              "name": "image3",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "bff48ca5-089c-4370-97f0-d3d0f31318d9",
                  "type": "desktop",
                  "top": 240,
                  "left": 39,
                  "width": 2,
                  "height": 40,
                  "componentId": "563f7cf1-b573-42b6-9622-75e185cb86bf",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "2bf7f103-bc79-4b98-a653-c49941b6b5cb",
              "name": "divider3",
              "type": "Divider",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "5999c1fb-0843-4892-90eb-8760305df0d4",
                  "type": "desktop",
                  "top": 440,
                  "left": 1,
                  "width": 41,
                  "height": 10,
                  "componentId": "2bf7f103-bc79-4b98-a653-c49941b6b5cb",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "7445bb90-1130-4bb2-aea2-67d2af496511",
              "name": "text40",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "PROMO CODE :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "ba68b549-e5f7-4f43-9fbb-eeeb2d770a80",
                  "type": "desktop",
                  "top": 30,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "7445bb90-1130-4bb2-aea2-67d2af496511",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "acbb04b3-5860-436e-8abf-4c33f5d2f922",
              "name": "text41",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "DISCOUNT :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "5c9156ea-50df-4ee8-8602-ad199ff20bd1",
                  "type": "desktop",
                  "top": 100,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "acbb04b3-5860-436e-8abf-4c33f5d2f922",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "005b38da-843e-4b53-abe2-358f076aa2ca",
              "name": "text42",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "fcac5c1b-3cdb-420c-bebe-2816f843a102",
                  "type": "desktop",
                  "top": 100,
                  "left": 39,
                  "width": 2,
                  "height": 40,
                  "componentId": "005b38da-843e-4b53-abe2-358f076aa2ca",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "55abbf88-dab5-447b-8070-5c7b78422073",
              "name": "text43",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "MINIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "9c46f91a-7c97-430e-8731-92598cda2fa6",
                  "type": "desktop",
                  "top": 170,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "55abbf88-dab5-447b-8070-5c7b78422073",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "14ec677a-f8ca-41e8-af99-a623396ed218",
              "name": "numberinput7",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "value": {
                  "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
                },
                "placeholder": {
                  "value": "{{components.numberinput7.value}}"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown9.value}}",
                  "fxActive": true
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "",
                  "fxActive": false
                },
                "borderColor": {
                  "value": "",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#232e3c"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "0"
                },
                "maxValue": {
                  "value": "99999"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "f0453054-ea6f-4d40-9de9-e757d67d4654",
                  "type": "desktop",
                  "top": 170,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "14ec677a-f8ca-41e8-af99-a623396ed218",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "77f39fb3-07c1-40cb-bc6e-beed4db386fa",
              "name": "text44",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "$&nbsp;"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown5.value}}",
                  "fxActive": true
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "c6d726ee-6eb9-4c49-8f0a-a53fe4cea071",
                  "type": "desktop",
                  "top": 170,
                  "left": 26,
                  "width": 2,
                  "height": 40,
                  "componentId": "77f39fb3-07c1-40cb-bc6e-beed4db386fa",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "fa25597b-5f17-456a-89b3-bd009fc5b6d2",
              "name": "text45",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "MAXIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "7660e827-d6ef-49d3-8b79-d757b231f34c",
                  "type": "desktop",
                  "top": 240,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "fa25597b-5f17-456a-89b3-bd009fc5b6d2",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "4de11b92-27aa-4fea-942b-28e2cfa403e8",
              "name": "text46",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "$&nbsp;"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown6.value}}",
                  "fxActive": true
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "45b4d1e9-abf3-4aec-b472-d81260429f35",
                  "type": "desktop",
                  "top": 240,
                  "left": 26,
                  "width": 2,
                  "height": 40,
                  "componentId": "4de11b92-27aa-4fea-942b-28e2cfa403e8",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "3ae01e5b-bb00-442c-a5e5-bee34b03c14e",
              "name": "numberinput8",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "value": {
                  "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
                },
                "placeholder": {
                  "value": "{{components.numberinput8.value}}"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown10.value}}",
                  "fxActive": true
                },
                "tooltip": {
                  "value": ""
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "0"
                },
                "maxValue": {
                  "value": "100000"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "f48050d6-213f-4b6d-a543-5ecba0627eb8",
                  "type": "desktop",
                  "top": 240,
                  "left": 28,
                  "width": 10,
                  "height": 40,
                  "componentId": "3ae01e5b-bb00-442c-a5e5-bee34b03c14e",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "c4a9e092-e2b0-45fd-91db-ec676bdde112",
              "name": "text10",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "FREE SHIPPING :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "06c84e2b-dd84-4e66-b8a8-11f39f33e61c",
                  "type": "desktop",
                  "top": 200,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "c4a9e092-e2b0-45fd-91db-ec676bdde112",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "c26039e9-ff2d-4ec4-b352-f089088c62e7",
              "name": "text48",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "VALID TILL :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "92e827dd-97fc-4da9-8d62-dc55697b6905",
                  "type": "desktop",
                  "top": 380,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "c26039e9-ff2d-4ec4-b352-f089088c62e7",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "60fea134-1250-49de-8498-0bdb59f30b7b",
              "name": "image5",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "9b557534-c012-43ae-8658-a991a346605a",
                  "type": "desktop",
                  "top": 380,
                  "left": 25,
                  "width": 2,
                  "height": 40,
                  "componentId": "60fea134-1250-49de-8498-0bdb59f30b7b",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a87b0db6-4f1e-4d16-976a-1c455a3c4832",
              "name": "image6",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "7c44aee4-7c0d-4b82-b75c-eb028d7a555a",
                  "type": "desktop",
                  "top": 240,
                  "left": 39,
                  "width": 2,
                  "height": 40,
                  "componentId": "a87b0db6-4f1e-4d16-976a-1c455a3c4832",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "63ea4aed-cb89-4b22-a97c-cf64fd7b742b",
              "name": "image7",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "ad0d7682-6260-44ce-b552-93fba149b856",
                  "type": "desktop",
                  "top": 20,
                  "left": 37,
                  "width": 3,
                  "height": 20,
                  "componentId": "63ea4aed-cb89-4b22-a97c-cf64fd7b742b",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "ab4a92ca-091d-4408-94a1-9d3b7d804392",
              "name": "text35",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "text": {
                  "value": "$&nbsp;"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{!components.dropdown5.value}}",
                  "fxActive": true
                }
              },
              "general": {},
              "styles": {
                "backgroundColor": {
                  "value": "#fff00000",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#000000",
                  "fxActive": false
                },
                "textSize": {
                  "value": "{{18}}"
                },
                "textAlign": {
                  "value": "right"
                },
                "fontWeight": {
                  "value": "bold"
                },
                "decoration": {
                  "value": "none"
                },
                "transformation": {
                  "value": "none"
                },
                "fontStyle": {
                  "value": "normal"
                },
                "lineHeight": {
                  "value": 1.5
                },
                "textIndent": {
                  "value": 0
                },
                "letterSpacing": {
                  "value": 0
                },
                "wordSpacing": {
                  "value": 0
                },
                "fontVariant": {
                  "value": "normal"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "e94bc7fa-015c-4bce-b15c-e13709146c8e",
                  "type": "desktop",
                  "top": 170,
                  "left": 26,
                  "width": 2,
                  "height": 40,
                  "componentId": "ab4a92ca-091d-4408-94a1-9d3b7d804392",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "9ee7a9e8-a821-4bf7-8bc7-d06431ad5451",
              "name": "image2",
              "type": "Image",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "0aed0d97-ee66-415f-98ea-4c70a279d129",
              "properties": {
                "source": {
                  "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                }
              },
              "general": {
                "tooltip": {
                  "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
                }
              },
              "styles": {},
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "635b339d-8c9d-448a-a6af-3e10fa9449be",
                  "type": "desktop",
                  "top": 380,
                  "left": 25,
                  "width": 2,
                  "height": 40,
                  "componentId": "9ee7a9e8-a821-4bf7-8bc7-d06431ad5451",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "3192a9dd-2a9e-4d67-8697-6c54d59365fa",
              "name": "text47",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "210e6351-a82f-4cf8-992f-c559040240e4",
              "properties": {
                "text": {
                  "value": "FREE SHIPPING :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "03e5f35c-81a9-4b94-ad89-76210185fd02",
                  "type": "desktop",
                  "top": 310,
                  "left": 2,
                  "width": 9,
                  "height": 40,
                  "componentId": "3192a9dd-2a9e-4d67-8697-6c54d59365fa",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "eb97a82d-d525-4e9a-8a79-d12abe57ae18",
              "name": "text5",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "ID :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "5a6be065-6669-4f3c-9626-89c746b034c8",
                  "type": "desktop",
                  "top": 50,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "eb97a82d-d525-4e9a-8a79-d12abe57ae18",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "dbdc6560-f45d-4c27-9193-8dd571019c0f",
              "name": "text8",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "CREATED ON :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "e268a431-3959-4943-810b-61b9ecaa5289",
                  "type": "desktop",
                  "top": 140,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "dbdc6560-f45d-4c27-9193-8dd571019c0f",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "b7999bf6-8e1d-422a-a3e7-da20c1b46e60",
              "name": "text1",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "d8574918-b1f5-42d6-968a-40b5e36aa9d7",
              "properties": {
                "text": {
                  "value": "B R A N D"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "20bf547f-c408-459b-b014-64a4cb8b6c9f",
                  "type": "desktop",
                  "top": 10,
                  "left": 1,
                  "width": 6,
                  "height": 40,
                  "componentId": "b7999bf6-8e1d-422a-a3e7-da20c1b46e60",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "ad269c12-036d-4dd8-bda9-62e3413b41ad",
              "name": "text2",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "d8574918-b1f5-42d6-968a-40b5e36aa9d7",
              "properties": {
                "text": {
                  "value": "Promo Code Management"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "02d4b057-f7b9-43e2-8414-e44e99ffcc23",
                  "type": "desktop",
                  "top": 10,
                  "left": 30,
                  "width": 12,
                  "height": 40,
                  "componentId": "ad269c12-036d-4dd8-bda9-62e3413b41ad",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "0e2ebead-3a53-4e7f-a1fc-bada5e3f43f5",
              "name": "text4",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components.table1.selectedRow.id == undefined ? \"Select a promo code to view details\" : \"Promo code details:\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "e4e21237-a3f4-4b3f-baac-a624ff14ca75",
                  "type": "desktop",
                  "top": 10,
                  "left": 2,
                  "width": 38,
                  "height": 40,
                  "componentId": "0e2ebead-3a53-4e7f-a1fc-bada5e3f43f5",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "e39a8718-0211-41c6-a849-66396520f5f2",
              "name": "text11",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "MINIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "3dedebfa-19eb-4fe1-8d37-17eabae4dd89",
                  "type": "desktop",
                  "top": 230,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "e39a8718-0211-41c6-a849-66396520f5f2",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "40050533-73f0-444e-b662-e03af6faaab2",
              "name": "text12",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "MAXIMUM SPEND :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "8f831391-b727-405a-afcc-2cace67ad139",
                  "type": "desktop",
                  "top": 260,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "40050533-73f0-444e-b662-e03af6faaab2",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "43202303-6884-4d35-b0f8-7bc35d3895dc",
              "name": "text18",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "text": {
                  "value": "Final amount calculator"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "2d6f9e9b-cd9c-4c0b-9925-761a40224a12",
                  "type": "desktop",
                  "top": 10,
                  "left": 2,
                  "width": 31,
                  "height": 40,
                  "componentId": "43202303-6884-4d35-b0f8-7bc35d3895dc",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "d61971bc-fd2b-4a53-962f-6e9ae88575af",
              "name": "text19",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "text": {
                  "value": "Promo Code"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "730ab5f5-2145-4994-b0ee-1e60d77822a2",
                  "type": "desktop",
                  "top": 50,
                  "left": 2,
                  "width": 12.999999999999998,
                  "height": 40,
                  "componentId": "d61971bc-fd2b-4a53-962f-6e9ae88575af",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "24b7766b-8eee-43fe-b7e5-a34c33b986e1",
              "name": "text20",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "text": {
                  "value": "Cart value ($)"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "850ac028-a923-4b70-b171-0ac61409771e",
                  "type": "desktop",
                  "top": 100,
                  "left": 2,
                  "width": 12.999999999999998,
                  "height": 40,
                  "componentId": "24b7766b-8eee-43fe-b7e5-a34c33b986e1",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "125ee3e3-8f8a-408c-9106-8c88e7a867e2",
              "name": "numberinput2",
              "type": "NumberInput",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "properties": {
                "value": {
                  "value": "99"
                },
                "placeholder": {
                  "value": "{{components.numberinput2.value}}"
                },
                "decimalPlaces": {
                  "value": "{{2}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "label": ""
              },
              "general": {},
              "styles": {
                "borderRadius": {
                  "value": "{{5}}"
                },
                "backgroundColor": {
                  "value": "",
                  "fxActive": false
                },
                "borderColor": {
                  "value": "",
                  "fxActive": false
                },
                "textColor": {
                  "value": "#232e3c"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {
                "minValue": {
                  "value": "0"
                },
                "maxValue": {
                  "value": "100000"
                }
              },
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "16035af2-d27b-4b79-8ae7-a76f4972c42e",
                  "type": "desktop",
                  "top": 100,
                  "left": 15,
                  "width": 25,
                  "height": 40,
                  "componentId": "125ee3e3-8f8a-408c-9106-8c88e7a867e2",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "74fb50a5-298a-4e92-a743-ac092dc5026f",
              "name": "text7",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "DISCOUNT VALUE :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "e574b386-14b8-4fba-a6e3-5bd402c1e0d2",
                  "type": "desktop",
                  "top": 110,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "74fb50a5-298a-4e92-a743-ac092dc5026f",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "d8574918-b1f5-42d6-968a-40b5e36aa9d7",
              "name": "container1",
              "type": "Container",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "b346785e-d057-4c5a-b20b-160edeb60689",
                  "type": "desktop",
                  "top": 20,
                  "left": 1,
                  "width": 41,
                  "height": 70,
                  "componentId": "d8574918-b1f5-42d6-968a-40b5e36aa9d7",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "68017d88-5073-4d82-9f69-dea59b1926f7",
              "name": "text6",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "PROMO CODE :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "67f84153-fd7b-4499-8889-0aa0331c8e98",
                  "type": "desktop",
                  "top": 80,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "68017d88-5073-4d82-9f69-dea59b1926f7",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "e1a426da-d076-4c42-94f3-82aa0fa51bbe",
              "name": "text9",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "VALID TILL :"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "6024e927-c29a-42fb-aa44-fe25fbcc0c5e",
                  "type": "desktop",
                  "top": 170,
                  "left": 2,
                  "width": 18,
                  "height": 30,
                  "componentId": "e1a426da-d076-4c42-94f3-82aa0fa51bbe",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "696c5e76-ed1d-43ae-8291-b75f10666a29",
              "name": "dropdown3",
              "type": "DropDown",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "534a0228-2c37-4c61-8f74-e2c2de949a7e",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-02T12:37:32.930Z",
              "layouts": [
                {
                  "id": "fe78ffc6-c860-4794-bc65-0a09730a2f83",
                  "type": "desktop",
                  "top": 50,
                  "left": 15,
                  "width": 25,
                  "height": 40,
                  "componentId": "696c5e76-ed1d-43ae-8291-b75f10666a29",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "be37859a-0e1d-4eba-82e9-7feae7c6f794",
              "name": "text25",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components?.table1?.selectedRow?.discount_value ?? \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "dd5cb8f8-8214-4606-968a-d4eaee4339d2",
                  "type": "desktop",
                  "top": 110,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "be37859a-0e1d-4eba-82e9-7feae7c6f794",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a2156262-54e4-4bcc-93d5-e99b9ca9a41e",
              "name": "text29",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components?.table1?.selectedRow?.minimum_spend ?? \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "51ca7a32-b20c-4cb6-85ae-2be507dabe47",
                  "type": "desktop",
                  "top": 230,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "a2156262-54e4-4bcc-93d5-e99b9ca9a41e",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "5f45c361-9707-472d-9421-6de0f430ddd7",
              "name": "text30",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components?.table1?.selectedRow?.maximum_spend ?? \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "aa073d2b-f2d4-4eb9-8bae-5121e8f228b0",
                  "type": "desktop",
                  "top": 260,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "5f45c361-9707-472d-9421-6de0f430ddd7",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "8579a4a7-e6ee-4306-8b3f-23b1c277ed3d",
              "name": "text24",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components?.table1?.selectedRow?.promo_code ?? \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "eab124da-9805-4daf-97bd-f3ec53f28ab7",
                  "type": "desktop",
                  "top": 80,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "8579a4a7-e6ee-4306-8b3f-23b1c277ed3d",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "a1eefbcd-80fc-4c0c-967a-b60d1fb6b93f",
              "name": "text26",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{(components?.af35eba4-ad7c-47c6-8a14-04c431ecec76?.selectedRow?.created_at ?? undefined) != undefined ? moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.created_at, \"YYYY/MM/DD\").format(\"Do MMM YYYY\") : \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                },
                "verticalAlignment": {
                  "value": "center"
                },
                "padding": {
                  "value": "default"
                },
                "borderColor": {
                  "value": ""
                },
                "borderRadius": {
                  "value": "{{6}}"
                },
                "isScrollRequired": {
                  "value": "enabled"
                }
              },
              "generalStyles": {
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T21:28:37.786Z",
              "layouts": [
                {
                  "id": "1597e520-5579-4cc1-9dca-560aa1e0c7b7",
                  "type": "desktop",
                  "top": 140,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "a1eefbcd-80fc-4c0c-967a-b60d1fb6b93f",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "8a150f65-1ce1-42f0-b474-a7cdb1796342",
              "name": "text27",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{(components?.af35eba4-ad7c-47c6-8a14-04c431ecec76?.selectedRow?.valid_till ?? undefined) != undefined ? moment(components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.valid_till, \"YYYY-MM-DD\").format(\"Do MMM YYYY\") : \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                },
                "verticalAlignment": {
                  "value": "center"
                },
                "padding": {
                  "value": "default"
                },
                "borderColor": {
                  "value": ""
                },
                "borderRadius": {
                  "value": "{{6}}"
                },
                "isScrollRequired": {
                  "value": "enabled"
                }
              },
              "generalStyles": {
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:04:31.203Z",
              "layouts": [
                {
                  "id": "5e2a8557-8cf4-4562-b5eb-ad8e467725ec",
                  "type": "desktop",
                  "top": 170,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "8a150f65-1ce1-42f0-b474-a7cdb1796342",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "f617df10-3e24-4e87-8844-6c60909693ac",
              "name": "text23",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{components?.table1?.selectedRow?.id ?? \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "value": "{{false}}"
                },
                "textFormat": {
                  "value": "html"
                }
              },
              "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "01152376-94f1-4d9b-bd88-16308afc1559",
                  "type": "desktop",
                  "top": 50,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "f617df10-3e24-4e87-8844-6c60909693ac",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "3b6a07d7-abd4-44d2-ae61-195058a2aa87",
              "name": "text28",
              "type": "Text",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "parent": "7995b60a-9262-4246-a9f0-b34610ebdf39",
              "properties": {
                "text": {
                  "value": "{{(components?.table1?.selectedRow?.free_shipping ?? undefined) != undefined ? components.table1.selectedRow.free_shipping + \"&nbsp;&nbsp;\" + {Yes: \"✅\", No: \"❌\"}[components.table1.selectedRow.free_shipping] : \"\"}}"
                },
                "loadingState": {
                  "value": "{{false}}"
                },
                "visibility": {
                  "value": "{{true}}"
                },
                "disabledState": {
                  "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"
                },
                "boxShadow": {
                  "value": "0px 0px 0px 0px #00000040"
                }
              },
              "generalStyles": {},
              "displayPreferences": {
                "showOnDesktop": {
                  "value": "{{true}}"
                },
                "showOnMobile": {
                  "value": "{{false}}"
                }
              },
              "validation": {},
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "683063b2-87c3-4350-9da3-b51d8199570e",
                  "type": "desktop",
                  "top": 200,
                  "left": 21,
                  "width": 19,
                  "height": 30,
                  "componentId": "3b6a07d7-abd4-44d2-ae61-195058a2aa87",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            },
            {
              "id": "c1d70a67-3dbf-43dc-aba9-2a1654648632",
              "name": "container2",
              "type": "Container",
              "pageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "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": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "layouts": [
                {
                  "id": "9b409bee-c8f7-488c-9d9f-11c2303ee567",
                  "type": "desktop",
                  "top": 110,
                  "left": 1,
                  "width": 27,
                  "height": 600,
                  "componentId": "c1d70a67-3dbf-43dc-aba9-2a1654648632",
                  "dimensionUnit": "count",
                  "updatedAt": "2024-12-03T20:51:42.849Z"
                }
              ]
            }
          ],
          "pages": [
            {
              "id": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "name": "Home",
              "handle": "home",
              "index": 0,
              "disabled": false,
              "hidden": false,
              "icon": null,
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z",
              "autoComputeLayout": false,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "pageGroupIndex": null,
              "pageGroupId": null,
              "isPageGroup": false
            }
          ],
          "events": [
            {
              "id": "77224a89-1b3a-42ed-9b3a-dbb90a90c2c1",
              "name": "onDataQuerySuccess",
              "index": 0,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "actionId": "control-component",
                "alertType": "info",
                "componentId": "b8a25821-02cb-4a85-8c4f-6b61c08a1056",
                "componentSpecificActionHandle": "setText",
                "componentSpecificActionParams": [
                  {
                    "value": "{{queries.generatePromoCode.data.promoCode}}",
                    "handle": "text",
                    "displayName": "text",
                    "defaultValue": "New Text"
                  }
                ]
              },
              "sourceId": "91949057-39fc-462b-909e-ba7d4df4faba",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.550Z"
            },
            {
              "id": "bbfa2cee-72bf-4d99-97c6-65b20c2064e5",
              "name": "onClick",
              "index": 0,
              "event": {
                "modal": "210e6351-a82f-4cf8-992f-c559040240e4",
                "eventId": "onClick",
                "message": "Hello world!",
                "actionId": "close-modal",
                "alertType": "info"
              },
              "sourceId": "388915a0-e87d-418b-af7d-917d93da219d",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.558Z"
            },
            {
              "id": "33457912-b71b-47e5-b661-557bd6954430",
              "name": "onClick",
              "index": 0,
              "event": {
                "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129",
                "eventId": "onClick",
                "message": "Hello world!",
                "actionId": "show-modal",
                "alertType": "info"
              },
              "sourceId": "80f85408-4409-4188-8d35-2d3f12d7f8b4",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.618Z"
            },
            {
              "id": "85d73f67-a244-461a-9e6c-a1560dab52cb",
              "name": "onClick",
              "index": 0,
              "event": {
                "eventId": "onClick",
                "message": "Hello world!",
                "queryId": "720967a8-85eb-4e88-adb9-a7e932361a51",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "updatePromoCode",
                "parameters": {}
              },
              "sourceId": "667920e8-8475-4537-a9b6-1b2a5428b803",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-09T06:07:55.707Z"
            },
            {
              "id": "f09ce00e-b70f-49f6-ba4f-33985d8f5a18",
              "name": "onChange",
              "index": 0,
              "event": {
                "eventId": "onChange",
                "message": "Hello world!",
                "queryId": "97a3fad4-ce00-496b-9335-5019dcc4aa3d",
                "actionId": "run-query",
                "debounce": "50",
                "alertType": "info",
                "queryName": "calculateFinalAmount",
                "parameters": {}
              },
              "sourceId": "125ee3e3-8f8a-408c-9106-8c88e7a867e2",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.574Z"
            },
            {
              "id": "be2cd886-cd9f-432c-bfe9-93df7f3ea2e2",
              "name": "onSelect",
              "index": 0,
              "event": {
                "eventId": "onSelect",
                "message": "Hello world!",
                "actionId": "control-component",
                "alertType": "info"
              },
              "sourceId": "149e73bf-4ad5-42d5-b034-7811eb4df5c0",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z"
            },
            {
              "id": "6e04eb82-6911-4cf8-b281-78f07870401c",
              "name": "onSelect",
              "index": 0,
              "event": {
                "eventId": "onSelect",
                "message": "Hello world!",
                "queryId": "97a3fad4-ce00-496b-9335-5019dcc4aa3d",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "calculateFinalAmount",
                "parameters": {}
              },
              "sourceId": "696c5e76-ed1d-43ae-8291-b75f10666a29",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.581Z"
            },
            {
              "id": "22b95df2-227c-4540-83b9-b00c7d4286b3",
              "name": "onClick",
              "index": 0,
              "event": {
                "eventId": "onClick",
                "message": "Hello world!",
                "queryId": "91949057-39fc-462b-909e-ba7d4df4faba",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "generatePromoCode",
                "parameters": {}
              },
              "sourceId": "c96e7c19-75dd-4382-bd3d-2227604ece95",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.592Z"
            },
            {
              "id": "be6e832d-2187-4322-9213-361fa49422fc",
              "name": "onClick",
              "index": 0,
              "event": {
                "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129",
                "eventId": "onClick",
                "message": "Hello world!",
                "actionId": "close-modal",
                "alertType": "info"
              },
              "sourceId": "1068c434-2617-4fc6-adf0-a56c785562de",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.600Z"
            },
            {
              "id": "4ce30ba3-e0ce-4f27-88cb-03996a193fe7",
              "name": "onClick",
              "index": 0,
              "event": {
                "eventId": "onClick",
                "message": "Hello world!",
                "queryId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "createPromoCode",
                "runOnlyIf": "",
                "parameters": {}
              },
              "sourceId": "c0bd7001-0da0-4f8d-827c-83d89a584013",
              "target": "component",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.610Z"
            },
            {
              "id": "39839e90-ea47-467c-ace1-3d9fdcab9d41",
              "name": "onClick",
              "index": 0,
              "event": {
                "ref": "Action0",
                "modal": "210e6351-a82f-4cf8-992f-c559040240e4",
                "eventId": "onClick",
                "message": "Hello world!",
                "actionId": "show-modal",
                "alertType": "info"
              },
              "sourceId": "af35eba4-ad7c-47c6-8a14-04c431ecec76",
              "target": "table_action",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:08.566Z"
            },
            {
              "id": "494b50e0-4a15-402e-afe6-4674ffab121f",
              "name": "onDataQuerySuccess",
              "index": 0,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "queryId": "80406d3b-9325-4bf5-8b12-f91eda55fa71",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "segregatePromoCodes",
                "parameters": {}
              },
              "sourceId": "7466d901-b97e-42c8-964a-2a7203ac16d5",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T21:38:07.773Z",
              "updatedAt": "2024-04-30T21:38:26.635Z"
            },
            {
              "id": "1983b255-9a3d-409a-92c2-3ca912b479aa",
              "name": "onDataQuerySuccess",
              "index": 0,
              "event": {
                "modal": "0aed0d97-ee66-415f-98ea-4c70a279d129",
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "actionId": "close-modal",
                "alertType": "info"
              },
              "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-05-09T06:11:42.531Z",
              "updatedAt": "2024-05-09T06:11:50.498Z"
            },
            {
              "id": "c18bf356-0038-4c05-8b29-9ba08c392f4f",
              "name": "onDataQuerySuccess",
              "index": 1,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Promo Code created successfully.",
                "actionId": "show-alert",
                "alertType": "success"
              },
              "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-05-09T06:12:11.269Z",
              "updatedAt": "2024-05-09T06:12:18.652Z"
            },
            {
              "id": "549a6d25-390d-44b6-aa99-9d5e57382b8b",
              "name": "onDataQuerySuccess",
              "index": 2,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "queryId": "7466d901-b97e-42c8-964a-2a7203ac16d5",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "getPromoCodes",
                "parameters": {}
              },
              "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-05-09T06:12:28.143Z",
              "updatedAt": "2024-05-09T06:12:35.606Z"
            },
            {
              "id": "b6a02e20-242c-44e9-9849-a30bbb804af0",
              "name": "onDataQueryFailure",
              "index": 3,
              "event": {
                "eventId": "onDataQueryFailure",
                "message": "Failed to create Promo Code! Please check and try again.",
                "actionId": "show-alert",
                "alertType": "warning"
              },
              "sourceId": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-05-09T06:12:38.741Z",
              "updatedAt": "2024-05-09T06:12:57.631Z"
            },
            {
              "id": "40df00a6-3533-4aed-8f89-c002f09e3305",
              "name": "onDataQuerySuccess",
              "index": 0,
              "event": {
                "modal": "210e6351-a82f-4cf8-992f-c559040240e4",
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "actionId": "close-modal",
                "alertType": "info"
              },
              "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-12-03T22:05:16.387Z",
              "updatedAt": "2024-12-03T22:05:27.189Z"
            },
            {
              "id": "fc1d0d1f-84a1-4341-a670-2229ea1c7ce2",
              "name": "onDataQuerySuccess",
              "index": 1,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Promo code updated successfully.",
                "actionId": "show-alert",
                "alertType": "success"
              },
              "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-12-03T22:05:30.127Z",
              "updatedAt": "2024-12-03T22:05:48.902Z"
            },
            {
              "id": "c141c537-043d-4b49-8a52-c70ba003f9ef",
              "name": "onDataQueryFailure",
              "index": 3,
              "event": {
                "eventId": "onDataQueryFailure",
                "message": "Failed to update promo code! Please check and try again.",
                "actionId": "show-alert",
                "alertType": "warning"
              },
              "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-12-03T22:05:51.258Z",
              "updatedAt": "2024-12-03T22:07:14.747Z"
            },
            {
              "id": "ff75611c-5a3a-44c7-8851-8ceee8783350",
              "name": "onDataQuerySuccess",
              "index": 2,
              "event": {
                "eventId": "onDataQuerySuccess",
                "message": "Hello world!",
                "queryId": "7466d901-b97e-42c8-964a-2a7203ac16d5",
                "actionId": "run-query",
                "alertType": "info",
                "queryName": "getPromoCodes",
                "parameters": {}
              },
              "sourceId": "720967a8-85eb-4e88-adb9-a7e932361a51",
              "target": "data_query",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-12-03T22:07:09.182Z",
              "updatedAt": "2024-12-03T22:07:22.851Z"
            }
          ],
          "dataQueries": [
            {
              "id": "720967a8-85eb-4e88-adb9-a7e932361a51",
              "name": "updatePromoCode",
              "options": {
                "mode": "sql",
                "transformationLanguage": "javascript",
                "enableTransformation": false,
                "query": "{{`UPDATE\n    promo_codes\nSET\n    discount_type = '${components.149e73bf-4ad5-42d5-b034-7811eb4df5c0.value}',\n    amount = ${components.14344e97-0687-479e-9a55-596cf61dda2b.value},\n    minimum_spend = ${components.7331c813-ed49-4eba-9cce-1c5b1ed9e755.value ? components.14ec677a-f8ca-41e8-af99-a623396ed218.value : 'NULL' },\n    maximum_spend = ${components.e7785fd3-ce06-44af-9d6f-fe42d07c38c9.value ? components.3ae01e5b-bb00-442c-a5e5-bee34b03c14e.value : 'NULL' },\n    free_shipping = ${components.38bbc303-30ca-40c0-a03c-fc671123ea19.value},\n    valid_till = '${moment(components.1cc9a2c5-957b-46a8-a3b3-212997ce1c37.value, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")}',\n    updated_at = CURRENT_TIMESTAMP\nWHERE\n    id = ${components.af35eba4-ad7c-47c6-8a14-04c431ecec76.selectedRow.id};`}}",
                "operation": "bulk_update_pkey",
                "table": "public.master_table",
                "primary_key_column": "id",
                "showSuccessNotification": false,
                "requestConfirmation": false
              },
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:07:56.067Z"
            },
            {
              "id": "80406d3b-9325-4bf5-8b12-f91eda55fa71",
              "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 == \"Percentage\") {\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, \"YYYY/MM/DD\").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": []
              },
              "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-02T07:32:27.926Z"
            },
            {
              "id": "7466d901-b97e-42c8-964a-2a7203ac16d5",
              "name": "getPromoCodes",
              "options": {
                "mode": "sql",
                "transformationLanguage": "javascript",
                "enableTransformation": false,
                "query": "SELECT\n    *\nFROM\n    promo_codes\nORDER BY\n    id DESC;",
                "runOnPageLoad": true
              },
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:19:59.386Z"
            },
            {
              "id": "91949057-39fc-462b-909e-ba7d4df4faba",
              "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": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-04-30T08:26:07.344Z"
            },
            {
              "id": "10f65c5e-7d4f-4ba9-bc3f-868741cfc4b7",
              "name": "createPromoCode",
              "options": {
                "mode": "sql",
                "transformationLanguage": "javascript",
                "enableTransformation": false,
                "query": "INSERT INTO promo_codes (\n    promo_code, \n    discount_type, \n    amount, \n    minimum_spend, \n    maximum_spend, \n    free_shipping, \n    created_at, \n    valid_till, \n    updated_at\n)\nVALUES (\n    '{{components.b8a25821-02cb-4a85-8c4f-6b61c08a1056.value}}', \n    '{{components.93c58cf9-b3c0-4398-982c-58f0dc8bbb18.value}}', \n    {{components.375a99f4-d938-4625-b1fe-71d069c310cf.value}}, \n    {{components.a42fe37b-70d3-480a-9be2-9cb4317e8c47.value ? components.9df92a6e-fc6d-430e-bcc8-a475c813497f.value : 'NULL'}}, \n    {{components.a0f9ea16-82e4-4a2c-8cdc-4588430ea556.value ? components.cf0c1cad-5b99-4ef2-955a-75a7472789e8.value : 'NULL'}}, \n    {{components.ccc9510d-4df0-4ab7-b58c-f715babcec13.value}}, \n    CURRENT_TIMESTAMP, \n    '{{moment(components.26310e5d-be67-453e-957c-83aff66132a1.value, \"DD/MM/YYYY\").format(\"YYYY-MM-DD\")}}', \n    CURRENT_TIMESTAMP\n);\n",
                "operation": "bulk_update_pkey",
                "table": "public.master_table",
                "primary_key_column": "id"
              },
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:04:04.012Z"
            },
            {
              "id": "97a3fad4-ce00-496b-9335-5019dcc4aa3d",
              "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": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-12-03T22:11:02.126Z"
            },
            {
              "id": "3a028bae-bc33-4e57-8cdf-c4ac182b6d9e",
              "name": "tableCreationQuery",
              "options": {
                "mode": "sql",
                "transformationLanguage": "javascript",
                "enableTransformation": false,
                "query": "CREATE TABLE promo_codes (\n    id SERIAL PRIMARY KEY,\n    amount REAL,\n    minimum_spend REAL,\n    maximum_spend REAL,\n    free_shipping BOOLEAN,\n    valid_till DATE,\n    promo_code VARCHAR(50),\n    discount_type VARCHAR(50),\n    updated_at TIMESTAMP,\n    created_at TIMESTAMP\n);"
              },
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "createdAt": "2024-12-03T21:06:29.723Z",
              "updatedAt": "2024-12-03T21:55:56.318Z"
            }
          ],
          "dataSources": [
            {
              "id": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6",
              "name": "restapidefault",
              "kind": "restapi",
              "type": "static",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": null,
              "scope": "local",
              "createdAt": "2024-04-30T08:26:07.353Z",
              "updatedAt": "2024-04-30T08:26:07.353Z"
            },
            {
              "id": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "name": "runjsdefault",
              "kind": "runjs",
              "type": "static",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": null,
              "scope": "local",
              "createdAt": "2024-04-30T08:26:07.369Z",
              "updatedAt": "2024-04-30T08:26:07.369Z"
            },
            {
              "id": "0735bcf3-c982-431c-aae8-16056d740138",
              "name": "runpydefault",
              "kind": "runpy",
              "type": "static",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": null,
              "scope": "local",
              "createdAt": "2024-04-30T08:26:07.381Z",
              "updatedAt": "2024-04-30T08:26:07.381Z"
            },
            {
              "id": "98a8d55d-08f3-4259-9471-b63d68f47d01",
              "name": "tooljetdbdefault",
              "kind": "tooljetdb",
              "type": "static",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": null,
              "scope": "local",
              "createdAt": "2024-04-30T08:26:07.394Z",
              "updatedAt": "2024-04-30T08:26:07.394Z"
            },
            {
              "id": "cad3f255-b707-47e5-894f-5900c64b8ce0",
              "name": "workflowsdefault",
              "kind": "workflows",
              "type": "static",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": null,
              "scope": "local",
              "createdAt": "2024-04-30T08:26:07.409Z",
              "updatedAt": "2024-04-30T08:26:07.409Z"
            },
            {
              "id": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "name": "Promo Code Management",
              "kind": "postgresql",
              "type": "default",
              "pluginId": null,
              "appVersionId": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430",
              "scope": "global",
              "createdAt": "2024-04-30T08:26:07.344Z",
              "updatedAt": "2024-05-01T06:07:27.253Z"
            }
          ],
          "appVersions": [
            {
              "id": "e1abe2cc-0572-4a25-b9a2-30ea29fdb76a",
              "name": "final",
              "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",
                                "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",
                                "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 + \"&nbsp;&nbsp;\" + {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",
                                "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": "$&nbsp;"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text35",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 170,
                            "left": 60.46511827264033,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "e26de292-20fa-45cd-ae48-51d3dc1b980f": {
                        "id": "e26de292-20fa-45cd-ae48-51d3dc1b980f",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "MAXIMUM SPEND :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text36",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 4.651161793912395,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5": {
                        "id": "5dab4cc2-a5f0-4c74-b87a-e50c318cb8a5",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{false}}"
                              },
                              "values": {
                                "value": "{{[false, true]}}"
                              },
                              "display_values": {
                                "value": "{{[\"Disable\", \"Enable\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select value"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown6",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 25.58138499611037,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "6b75036b-a0ae-486e-9adb-1ef35d5382b5": {
                        "id": "6b75036b-a0ae-486e-9adb-1ef35d5382b5",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": "{{18}}"
                              },
                              "textAlign": {
                                "value": "right"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown6.value}}",
                                "fxActive": true
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "$&nbsp;"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text37",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 60.46511069707219,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "6eca96f9-5602-4199-88f0-36a8b302bc35": {
                        "id": "6eca96f9-5602-4199-88f0-36a8b302bc35",
                        "component": {
                          "properties": {
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "minValue": {
                              "type": "code",
                              "displayName": "Minimum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "maxValue": {
                              "type": "code",
                              "displayName": "Maximum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "decimalPlaces": {
                              "type": "code",
                              "displayName": "Decimal places",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onChange": {
                              "displayName": "On change"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background Color"
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown6.value}}",
                                "fxActive": true
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "backgroundColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "borderColor": {
                                "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value ? \"#ff0000\" : \"\"}}",
                                "fxActive": true
                              },
                              "textColor": {
                                "value": "#232e3c"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "value": {
                                "value": "{{components.dropdown6.value ? \"100\" : \"0\"}}"
                              },
                              "maxValue": {
                                "value": "100000"
                              },
                              "minValue": {
                                "value": "0"
                              },
                              "placeholder": {
                                "value": "{{components.numberinput4.value}}"
                              },
                              "decimalPlaces": {
                                "value": "{{2}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": ""
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "numberinput5",
                          "displayName": "Number Input",
                          "description": "Numeric input field",
                          "component": "NumberInput",
                          "defaultSize": {
                            "width": 4,
                            "height": 30
                          },
                          "exposedVariables": {
                            "value": 99
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 65.11626117041483,
                            "width": 10,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "4c6b810b-9d09-4121-9026-c3b1fb717302": {
                        "id": "4c6b810b-9d09-4121-9026-c3b1fb717302",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "FREE SHIPPING :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text38",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 310,
                            "left": 4.6511615510529305,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "74bf5455-9aef-419a-b83f-1892edb4e2b3": {
                        "id": "74bf5455-9aef-419a-b83f-1892edb4e2b3",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{false}}"
                              },
                              "values": {
                                "value": "{{[false, true]}}"
                              },
                              "display_values": {
                                "value": "{{[\"No\", \"Yes\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select value"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown7",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 310,
                            "left": 25.581389164325977,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f": {
                        "id": "7ad884d9-53ff-41ce-9ff3-8a4a91702a6f",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "VALID TILL :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text39",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 4.651161793912395,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "4b50dcfd-cf36-44af-87fa-ee05a8112fbb": {
                        "component": {
                          "properties": {
                            "defaultValue": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "format": {
                              "type": "code",
                              "displayName": "Format",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "enableTime": {
                              "type": "toggle",
                              "displayName": "Enable time selection?",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "enableDate": {
                              "type": "toggle",
                              "displayName": "Enable date selection?",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": true
                              }
                            },
                            "disabledDates": {
                              "type": "code",
                              "displayName": "Disabled dates",
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "string"
                                  }
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": "{{moment(components.datepicker1.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
                              }
                            },
                            "properties": {
                              "defaultValue": {
                                "value": "{{moment().add(1, \"year\").format(\"DD/MM/YYYY\")}}"
                              },
                              "format": {
                                "value": "DD/MM/YYYY"
                              },
                              "enableTime": {
                                "value": "{{false}}"
                              },
                              "enableDate": {
                                "value": "{{true}}"
                              },
                              "disabledDates": {
                                "value": "{{[]}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "datepicker1",
                          "displayName": "Date Picker",
                          "description": "Choose date and time",
                          "component": "Datepicker",
                          "defaultSize": {
                            "width": 5,
                            "height": 30
                          },
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": ""
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 25.581393180600156,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "withDefaultChildren": false
                      },
                      "4ad7daef-6186-47cf-b759-8c35d2e77cfa": {
                        "id": "4ad7daef-6186-47cf-b759-8c35d2e77cfa",
                        "component": {
                          "properties": {
                            "source": {
                              "type": "code",
                              "displayName": "URL",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "alternativeText": {
                              "type": "code",
                              "displayName": "Alternative text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "zoomButtons": {
                              "type": "toggle",
                              "displayName": "Zoom button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "rotateButton": {
                              "type": "toggle",
                              "displayName": "Rotate button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            }
                          },
                          "styles": {
                            "borderType": {
                              "type": "select",
                              "displayName": "Border type",
                              "options": [
                                {
                                  "name": "None",
                                  "value": "none"
                                },
                                {
                                  "name": "Rounded",
                                  "value": "rounded"
                                },
                                {
                                  "name": "Circle",
                                  "value": "rounded-circle"
                                },
                                {
                                  "name": "Thumbnail",
                                  "value": "img-thumbnail"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "padding": {
                              "type": "code",
                              "displayName": "Padding",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "imageFit": {
                              "type": "select",
                              "displayName": "Image fit",
                              "options": [
                                {
                                  "name": "fill",
                                  "value": "fill"
                                },
                                {
                                  "name": "contain",
                                  "value": "contain"
                                },
                                {
                                  "name": "cover",
                                  "value": "cover"
                                },
                                {
                                  "name": "scale-down",
                                  "value": "scale-down"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderType": {
                                "value": "none"
                              },
                              "padding": {
                                "value": "0"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "imageFit": {
                                "value": "contain"
                              },
                              "backgroundColor": {
                                "value": ""
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "source": {
                                "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                              },
                              "visible": {
                                "value": "{{true}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "alternativeText": {
                                "value": ""
                              },
                              "zoomButtons": {
                                "value": "{{false}}"
                              },
                              "rotateButton": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "image2",
                          "displayName": "Image",
                          "description": "Show image files",
                          "defaultSize": {
                            "width": 3,
                            "height": 100
                          },
                          "component": "Image",
                          "exposedVariables": {}
                        },
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 58.139524728971374,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7": {
                        "id": "501e8af8-6edb-4b4b-b3d1-7453b5f0b4d7",
                        "component": {
                          "properties": {
                            "source": {
                              "type": "code",
                              "displayName": "URL",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "alternativeText": {
                              "type": "code",
                              "displayName": "Alternative text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "zoomButtons": {
                              "type": "toggle",
                              "displayName": "Zoom button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "rotateButton": {
                              "type": "toggle",
                              "displayName": "Rotate button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            }
                          },
                          "styles": {
                            "borderType": {
                              "type": "select",
                              "displayName": "Border type",
                              "options": [
                                {
                                  "name": "None",
                                  "value": "none"
                                },
                                {
                                  "name": "Rounded",
                                  "value": "rounded"
                                },
                                {
                                  "name": "Circle",
                                  "value": "rounded-circle"
                                },
                                {
                                  "name": "Thumbnail",
                                  "value": "img-thumbnail"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "padding": {
                              "type": "code",
                              "displayName": "Padding",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "imageFit": {
                              "type": "select",
                              "displayName": "Image fit",
                              "options": [
                                {
                                  "name": "fill",
                                  "value": "fill"
                                },
                                {
                                  "name": "contain",
                                  "value": "contain"
                                },
                                {
                                  "name": "cover",
                                  "value": "cover"
                                },
                                {
                                  "name": "scale-down",
                                  "value": "scale-down"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderType": {
                                "value": "none"
                              },
                              "padding": {
                                "value": "0"
                              },
                              "visibility": {
                                "value": "{{components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value }}",
                                "fxActive": true
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "imageFit": {
                                "value": "contain"
                              },
                              "backgroundColor": {
                                "value": ""
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "source": {
                                "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                              },
                              "visible": {
                                "value": "{{true}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "alternativeText": {
                                "value": ""
                              },
                              "zoomButtons": {
                                "value": "{{false}}"
                              },
                              "rotateButton": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": "Maximum spend should be greater than or equal to Minimum spend"
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "image3",
                          "displayName": "Image",
                          "description": "Show image files",
                          "defaultSize": {
                            "width": 3,
                            "height": 100
                          },
                          "component": "Image",
                          "exposedVariables": {}
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 90.69767030875896,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "199a8791-16ab-4bb5-90b8-c320e4b6e6c5": {
                        "component": {
                          "properties": {},
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "dividerColor": {
                              "type": "color",
                              "displayName": "Divider color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "dividerColor": {
                                "value": "#8888884d"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {},
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "divider3",
                          "displayName": "Divider",
                          "description": "Separator between components",
                          "component": "Divider",
                          "defaultSize": {
                            "width": 10,
                            "height": 10
                          },
                          "exposedVariables": {
                            "value": {}
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
                        "layouts": {
                          "desktop": {
                            "top": 440,
                            "left": 2.3255811419964743,
                            "width": 41,
                            "height": 10
                          }
                        },
                        "withDefaultChildren": false
                      },
                      "670170a2-52be-4deb-a897-ac6bf33c5ada": {
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Button text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            },
                            "onHover": {
                              "displayName": "On hover"
                            }
                          },
                          "styles": {
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "loaderColor": {
                              "type": "color",
                              "displayName": "Loader color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderRadius": {
                              "type": "number",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [
                              {
                                "eventId": "onClick",
                                "actionId": "run-query",
                                "message": "Hello world!",
                                "alertType": "info",
                                "queryName": "createPromoCode",
                                "parameters": {}
                              }
                            ],
                            "styles": {
                              "backgroundColor": {
                                "value": "#3e63ddff"
                              },
                              "textColor": {
                                "value": "#fff"
                              },
                              "loaderColor": {
                                "value": "#fff"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "borderColor": {
                                "value": "#3e63ddff"
                              },
                              "disabledState": {
                                "value": "{{!components.textinput1.isValid || (components.dropdown6.value && components.dropdown5.value && components.numberinput5.value < components.numberinput4.value) || !components.datepicker1.isValid}}",
                                "fxActive": true
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "Create"
                              },
                              "loadingState": {
                                "value": "{{queries.createPromoCode.isLoading}}",
                                "fxActive": true
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "button3",
                          "displayName": "Button",
                          "description": "Trigger actions: queries, alerts, set variables etc.",
                          "component": "Button",
                          "defaultSize": {
                            "width": 3,
                            "height": 30
                          },
                          "exposedVariables": {
                            "buttonText": "Button"
                          },
                          "actions": [
                            {
                              "handle": "click",
                              "displayName": "Click"
                            },
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New Text"
                                }
                              ]
                            },
                            {
                              "handle": "disable",
                              "displayName": "Disable",
                              "params": [
                                {
                                  "handle": "disable",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Visibility",
                              "params": [
                                {
                                  "handle": "visible",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "loading",
                              "displayName": "Loading",
                              "params": [
                                {
                                  "handle": "loading",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91",
                        "layouts": {
                          "desktop": {
                            "top": 470,
                            "left": 79.06975049651071,
                            "width": 7.000000000000001,
                            "height": 40
                          }
                        },
                        "withDefaultChildren": false
                      },
                      "b0afdbe3-5c29-40be-a70f-08458617c01f": {
                        "id": "b0afdbe3-5c29-40be-a70f-08458617c01f",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Button text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            },
                            "onHover": {
                              "displayName": "On hover"
                            }
                          },
                          "styles": {
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "loaderColor": {
                              "type": "color",
                              "displayName": "Loader color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderRadius": {
                              "type": "number",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [
                              {
                                "eventId": "onClick",
                                "actionId": "close-modal",
                                "message": "Hello world!",
                                "alertType": "info",
                                "modal": "e16f682b-0368-499a-9232-6b63e1413a91"
                              }
                            ],
                            "styles": {
                              "backgroundColor": {
                                "value": "#3e63dd26"
                              },
                              "textColor": {
                                "value": "#3e63ddff"
                              },
                              "loaderColor": {
                                "value": "#3e63ddff"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "borderColor": {
                                "value": "#3e63ddff"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "Cancel"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "button4",
                          "displayName": "Button",
                          "description": "Trigger actions: queries, alerts, set variables etc.",
                          "component": "Button",
                          "defaultSize": {
                            "width": 3,
                            "height": 30
                          },
                          "exposedVariables": {
                            "buttonText": "Button"
                          },
                          "actions": [
                            {
                              "handle": "click",
                              "displayName": "Click"
                            },
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New Text"
                                }
                              ]
                            },
                            {
                              "handle": "disable",
                              "displayName": "Disable",
                              "params": [
                                {
                                  "handle": "disable",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Visibility",
                              "params": [
                                {
                                  "handle": "visible",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "loading",
                              "displayName": "Loading",
                              "params": [
                                {
                                  "handle": "loading",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 470,
                            "left": 60.465109099446764,
                            "width": 7,
                            "height": 40
                          }
                        },
                        "parent": "e16f682b-0368-499a-9232-6b63e1413a91"
                      },
                      "e7a57306-3d46-41e2-b240-2fc6b5f20226": {
                        "id": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
                        "component": {
                          "properties": {
                            "title": {
                              "type": "code",
                              "displayName": "Title",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "useDefaultButton": {
                              "type": "toggle",
                              "displayName": "Use default trigger button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "triggerButtonLabel": {
                              "type": "code",
                              "displayName": "Trigger button label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "hideTitleBar": {
                              "type": "toggle",
                              "displayName": "Hide title bar"
                            },
                            "hideCloseButton": {
                              "type": "toggle",
                              "displayName": "Hide close button"
                            },
                            "hideOnEsc": {
                              "type": "toggle",
                              "displayName": "Close on escape key"
                            },
                            "closeOnClickingOutside": {
                              "type": "toggle",
                              "displayName": "Close on clicking outside"
                            },
                            "size": {
                              "type": "select",
                              "displayName": "Modal size",
                              "options": [
                                {
                                  "name": "small",
                                  "value": "sm"
                                },
                                {
                                  "name": "medium",
                                  "value": "lg"
                                },
                                {
                                  "name": "large",
                                  "value": "xl"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "modalHeight": {
                              "type": "code",
                              "displayName": "Modal height",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onOpen": {
                              "displayName": "On open"
                            },
                            "onClose": {
                              "displayName": "On close"
                            }
                          },
                          "styles": {
                            "headerBackgroundColor": {
                              "type": "color",
                              "displayName": "Header background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "headerTextColor": {
                              "type": "color",
                              "displayName": "Header title color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "bodyBackgroundColor": {
                              "type": "color",
                              "displayName": "Body background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": true
                              }
                            },
                            "triggerButtonBackgroundColor": {
                              "type": "color",
                              "displayName": "Trigger button background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "triggerButtonTextColor": {
                              "type": "color",
                              "displayName": "Trigger button text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "headerBackgroundColor": {
                                "value": "#3e63ddff"
                              },
                              "headerTextColor": {
                                "value": "#ffffffff"
                              },
                              "bodyBackgroundColor": {
                                "value": "#ffffffff"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "triggerButtonBackgroundColor": {
                                "value": "#4D72FA"
                              },
                              "triggerButtonTextColor": {
                                "value": "#ffffffff"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "title": {
                                "value": "Edit Promo Code"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "useDefaultButton": {
                                "value": "{{false}}"
                              },
                              "triggerButtonLabel": {
                                "value": "Launch Modal"
                              },
                              "size": {
                                "value": "lg"
                              },
                              "hideTitleBar": {
                                "value": "{{false}}"
                              },
                              "hideCloseButton": {
                                "value": "{{false}}"
                              },
                              "hideOnEsc": {
                                "value": "{{true}}"
                              },
                              "closeOnClickingOutside": {
                                "value": "{{false}}"
                              },
                              "modalHeight": {
                                "value": "540px"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "modal2",
                          "displayName": "Modal",
                          "description": "Show pop-up windows",
                          "component": "Modal",
                          "defaultSize": {
                            "width": 10,
                            "height": 34
                          },
                          "exposedVariables": {
                            "show": false
                          },
                          "actions": [
                            {
                              "handle": "open",
                              "displayName": "Open"
                            },
                            {
                              "handle": "close",
                              "displayName": "Close"
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 730,
                            "left": 18.604656027099054,
                            "width": 6,
                            "height": 40
                          }
                        }
                      },
                      "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3": {
                        "id": "0097b2d6-9f19-4b9f-af0c-aee7fb6876e3",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "PROMO CODE :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text40",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 30,
                            "left": 4.651162790697675,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba": {
                        "id": "eefafe18-13b7-4ad1-9d32-509d3ccfe2ba",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "DISCOUNT :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text41",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 100,
                            "left": 4.651162506266984,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "67d1a89c-81aa-41a7-89d8-595ae1b483f3": {
                        "id": "67d1a89c-81aa-41a7-89d8-595ae1b483f3",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [
                              {
                                "eventId": "onSelect",
                                "actionId": "control-component",
                                "message": "Hello world!",
                                "alertType": "info"
                              }
                            ],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{components.table1.selectedRow.discount_type}}"
                              },
                              "values": {
                                "value": "{{[\"percent\", \"fixed\"]}}"
                              },
                              "display_values": {
                                "value": "{{[\"In percentage\", \"Fixed amount\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select a discount type"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown8",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 100,
                            "left": 25.581393521814153,
                            "width": 17,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce": {
                        "id": "1a7b30ae-c152-471d-90ab-aa3bcdafb0ce",
                        "component": {
                          "properties": {
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "minValue": {
                              "type": "code",
                              "displayName": "Minimum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "maxValue": {
                              "type": "code",
                              "displayName": "Maximum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "decimalPlaces": {
                              "type": "code",
                              "displayName": "Decimal places",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onChange": {
                              "displayName": "On change"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background Color"
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "backgroundColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "borderColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#232e3c"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "value": {
                                "value": "{{components.table1.selectedRow.amount}}"
                              },
                              "maxValue": {
                                "value": "{{components.dropdown8.value == \"percent\" ? \"100\" : \"100000\"}}"
                              },
                              "minValue": {
                                "value": "1"
                              },
                              "placeholder": {
                                "value": "0"
                              },
                              "decimalPlaces": {
                                "value": "{{2}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "numberinput6",
                          "displayName": "Number Input",
                          "description": "Numeric input field",
                          "component": "NumberInput",
                          "defaultSize": {
                            "width": 4,
                            "height": 30
                          },
                          "exposedVariables": {
                            "value": 99
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 100,
                            "left": 65.11626481525688,
                            "width": 10,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "6c953707-f69d-47a9-9015-a582ed609bcd": {
                        "id": "6c953707-f69d-47a9-9015-a582ed609bcd",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": "{{18}}"
                              },
                              "textAlign": {
                                "value": "center"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "{{components.dropdown8.value == \"percent\" ? \"%\" : \"$\"}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text42",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 100,
                            "left": 90.69767764424473,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "56139e54-501c-4951-a060-fa0d180ed6ad": {
                        "id": "56139e54-501c-4951-a060-fa0d180ed6ad",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "MINIMUM SPEND :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text43",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 170,
                            "left": 4.651162932854896,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c": {
                        "id": "dc4c2a57-9f4b-4e5b-a790-fefe2fcd481c",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{components.table1.selectedRow.minimum_spend != null}}"
                              },
                              "values": {
                                "value": "{{[false, true]}}"
                              },
                              "display_values": {
                                "value": "{{[\"Disable\", \"Enable\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select value"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown9",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 170,
                            "left": 25.581401911408808,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "30c53546-7857-44c3-be96-70c1662df2d4": {
                        "id": "30c53546-7857-44c3-be96-70c1662df2d4",
                        "component": {
                          "properties": {
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "minValue": {
                              "type": "code",
                              "displayName": "Minimum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "maxValue": {
                              "type": "code",
                              "displayName": "Maximum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "decimalPlaces": {
                              "type": "code",
                              "displayName": "Decimal places",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onChange": {
                              "displayName": "On change"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background Color"
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown9.value}}",
                                "fxActive": true
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "backgroundColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "borderColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#232e3c"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "value": {
                                "value": "{{components.dropdown9.value ? (components?.table1?.selectedRow?.minimum_spend ?? \"0\") : \"0\"}}"
                              },
                              "maxValue": {
                                "value": "99999"
                              },
                              "minValue": {
                                "value": "0"
                              },
                              "placeholder": {
                                "value": "{{components.numberinput7.value}}"
                              },
                              "decimalPlaces": {
                                "value": "{{2}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "numberinput7",
                          "displayName": "Number Input",
                          "description": "Numeric input field",
                          "component": "NumberInput",
                          "defaultSize": {
                            "width": 4,
                            "height": 30
                          },
                          "exposedVariables": {
                            "value": 99
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 170,
                            "left": 65.11628599331276,
                            "width": 10,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "061db4d4-a8f2-40aa-9ce8-427390417bf0": {
                        "id": "061db4d4-a8f2-40aa-9ce8-427390417bf0",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": "{{18}}"
                              },
                              "textAlign": {
                                "value": "right"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown5.value}}",
                                "fxActive": true
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "$&nbsp;"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text44",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 170,
                            "left": 60.46511827264033,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "9d58477b-50cd-4b84-8dd6-1231570d0774": {
                        "id": "9d58477b-50cd-4b84-8dd6-1231570d0774",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "MAXIMUM SPEND :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text45",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 4.651161793912395,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "8529396e-2c59-437e-a014-3a3033c49d80": {
                        "id": "8529396e-2c59-437e-a014-3a3033c49d80",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{components.table1.selectedRow.maximum_spend != null}}"
                              },
                              "values": {
                                "value": "{{[false, true]}}"
                              },
                              "display_values": {
                                "value": "{{[\"Disable\", \"Enable\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select value"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown10",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 25.58137657187239,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "ba5c3668-5419-4d10-9ed2-15bcc02fb26c": {
                        "id": "ba5c3668-5419-4d10-9ed2-15bcc02fb26c",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000",
                                "fxActive": false
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": "{{18}}"
                              },
                              "textAlign": {
                                "value": "right"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown6.value}}",
                                "fxActive": true
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "$&nbsp;"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text46",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 60.46511069707219,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "1749184e-e330-4679-a3d4-671ce372274f": {
                        "id": "1749184e-e330-4679-a3d4-671ce372274f",
                        "component": {
                          "properties": {
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "minValue": {
                              "type": "code",
                              "displayName": "Minimum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "maxValue": {
                              "type": "code",
                              "displayName": "Maximum value",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "decimalPlaces": {
                              "type": "code",
                              "displayName": "Decimal places",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onChange": {
                              "displayName": "On change"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background Color"
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{!components.dropdown10.value}}",
                                "fxActive": true
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "backgroundColor": {
                                "value": "",
                                "fxActive": false
                              },
                              "borderColor": {
                                "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value ? \"#ff0000\" : \"\"}}",
                                "fxActive": true
                              },
                              "textColor": {
                                "value": "#232e3c"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "value": {
                                "value": "{{components.dropdown10.value ? (components?.table1?.selectedRow?.maximum_spend ?? \"0\") : \"0\"}}"
                              },
                              "maxValue": {
                                "value": "100000"
                              },
                              "minValue": {
                                "value": "0"
                              },
                              "placeholder": {
                                "value": "{{components.numberinput8.value}}"
                              },
                              "decimalPlaces": {
                                "value": "{{2}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": ""
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "numberinput8",
                          "displayName": "Number Input",
                          "description": "Numeric input field",
                          "component": "NumberInput",
                          "defaultSize": {
                            "width": 4,
                            "height": 30
                          },
                          "exposedVariables": {
                            "value": 99
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 65.11629197312911,
                            "width": 10,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "19d354ef-63f7-4c85-a641-115769247cc0": {
                        "id": "19d354ef-63f7-4c85-a641-115769247cc0",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "FREE SHIPPING :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text47",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 310,
                            "left": 4.6511615510529305,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "12059aed-6846-44d9-8d8d-98003036ef2b": {
                        "id": "12059aed-6846-44d9-8d8d-98003036ef2b",
                        "component": {
                          "properties": {
                            "label": {
                              "type": "code",
                              "displayName": "Label",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "placeholder": {
                              "type": "code",
                              "displayName": "Placeholder",
                              "validation": {
                                "validation": {
                                  "schema": {
                                    "type": "string"
                                  }
                                }
                              }
                            },
                            "advanced": {
                              "type": "toggle",
                              "displayName": "Advanced",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "value": {
                              "type": "code",
                              "displayName": "Default value",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "boolean"
                                    }
                                  ]
                                }
                              }
                            },
                            "values": {
                              "type": "code",
                              "displayName": "Option values",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "display_values": {
                              "type": "code",
                              "displayName": "Option labels",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": false
                              },
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "union",
                                    "schemas": [
                                      {
                                        "type": "string"
                                      },
                                      {
                                        "type": "number"
                                      },
                                      {
                                        "type": "boolean"
                                      }
                                    ]
                                  }
                                }
                              }
                            },
                            "schema": {
                              "type": "code",
                              "displayName": "Schema",
                              "conditionallyRender": {
                                "key": "advanced",
                                "value": true
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Options loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            },
                            "onSearchTextChanged": {
                              "displayName": "On search text changed"
                            }
                          },
                          "styles": {
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "number"
                                    },
                                    {
                                      "type": "string"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "selectedTextColor": {
                              "type": "color",
                              "displayName": "Selected Text Color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "justifyContent": {
                              "type": "alignButtons",
                              "displayName": "Align Text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderRadius": {
                                "value": "5"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "justifyContent": {
                                "value": "left"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": null
                              }
                            },
                            "properties": {
                              "advanced": {
                                "value": "{{false}}"
                              },
                              "schema": {
                                "value": "{{[\t{label: 'One',value: 1,disable: false,visible: true,default: true},{label: 'Two',value: 2,disable: false,visible: true},{label: 'Three',value: 3,disable: false,visible: true}\t]}}"
                              },
                              "label": {
                                "value": ""
                              },
                              "value": {
                                "value": "{{components.table1.selectedRow.free_shipping_bool}}"
                              },
                              "values": {
                                "value": "{{[false, true]}}"
                              },
                              "display_values": {
                                "value": "{{[\"No\", \"Yes\"]}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "placeholder": {
                                "value": "Select value"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "dropdown11",
                          "displayName": "Dropdown",
                          "description": "Single item selector",
                          "defaultSize": {
                            "width": 8,
                            "height": 30
                          },
                          "component": "DropDown",
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": 2,
                            "searchText": "",
                            "label": "Select",
                            "optionLabels": [
                              "one",
                              "two",
                              "three"
                            ],
                            "selectedOptionLabel": "two"
                          },
                          "actions": [
                            {
                              "handle": "selectOption",
                              "displayName": "Select option",
                              "params": [
                                {
                                  "handle": "select",
                                  "displayName": "Select"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 310,
                            "left": 25.581399583203897,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "fb524a89-e03b-433a-8a94-f61ebd99bd36": {
                        "id": "fb524a89-e03b-433a-8a94-f61ebd99bd36",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#fff00000"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": 14
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "bold"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "VALID TILL :"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text48",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 4.651161793912395,
                            "width": 9,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "41d423dd-e348-4684-a835-b3dc56be730c": {
                        "id": "41d423dd-e348-4684-a835-b3dc56be730c",
                        "component": {
                          "properties": {
                            "defaultValue": {
                              "type": "code",
                              "displayName": "Default value",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "format": {
                              "type": "code",
                              "displayName": "Format",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "enableTime": {
                              "type": "toggle",
                              "displayName": "Enable time selection?",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "enableDate": {
                              "type": "toggle",
                              "displayName": "Enable date selection?",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": true
                              }
                            },
                            "disabledDates": {
                              "type": "code",
                              "displayName": "Disabled dates",
                              "validation": {
                                "schema": {
                                  "type": "array",
                                  "element": {
                                    "type": "string"
                                  }
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onSelect": {
                              "displayName": "On select"
                            }
                          },
                          "styles": {
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "borderRadius": {
                              "type": "code",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "validation": {
                              "customRule": {
                                "value": "{{moment(components.datepicker2.value, \"DD/MM/YYYY\").isAfter(moment()) ? true : \"Invalid date selection!\"}}"
                              }
                            },
                            "properties": {
                              "defaultValue": {
                                "value": "{{components.table1.selectedRow.valid_till}}"
                              },
                              "format": {
                                "value": "DD/MM/YYYY"
                              },
                              "enableTime": {
                                "value": "{{false}}"
                              },
                              "enableDate": {
                                "value": "{{true}}"
                              },
                              "disabledDates": {
                                "value": "{{[]}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "datepicker2",
                          "displayName": "Date Picker",
                          "description": "Choose date and time",
                          "component": "Datepicker",
                          "defaultSize": {
                            "width": 5,
                            "height": 30
                          },
                          "validation": {
                            "customRule": {
                              "type": "code",
                              "displayName": "Custom validation"
                            }
                          },
                          "exposedVariables": {
                            "value": ""
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 25.58139095173029,
                            "width": 13,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a": {
                        "id": "27dbf0ae-1800-47ff-9531-2a3e89a8ac8a",
                        "component": {
                          "properties": {
                            "source": {
                              "type": "code",
                              "displayName": "URL",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "alternativeText": {
                              "type": "code",
                              "displayName": "Alternative text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "zoomButtons": {
                              "type": "toggle",
                              "displayName": "Zoom button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "rotateButton": {
                              "type": "toggle",
                              "displayName": "Rotate button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            }
                          },
                          "styles": {
                            "borderType": {
                              "type": "select",
                              "displayName": "Border type",
                              "options": [
                                {
                                  "name": "None",
                                  "value": "none"
                                },
                                {
                                  "name": "Rounded",
                                  "value": "rounded"
                                },
                                {
                                  "name": "Circle",
                                  "value": "rounded-circle"
                                },
                                {
                                  "name": "Thumbnail",
                                  "value": "img-thumbnail"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "padding": {
                              "type": "code",
                              "displayName": "Padding",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "imageFit": {
                              "type": "select",
                              "displayName": "Image fit",
                              "options": [
                                {
                                  "name": "fill",
                                  "value": "fill"
                                },
                                {
                                  "name": "contain",
                                  "value": "contain"
                                },
                                {
                                  "name": "cover",
                                  "value": "cover"
                                },
                                {
                                  "name": "scale-down",
                                  "value": "scale-down"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderType": {
                                "value": "none"
                              },
                              "padding": {
                                "value": "0"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "imageFit": {
                                "value": "contain"
                              },
                              "backgroundColor": {
                                "value": ""
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "source": {
                                "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                              },
                              "visible": {
                                "value": "{{true}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "alternativeText": {
                                "value": ""
                              },
                              "zoomButtons": {
                                "value": "{{false}}"
                              },
                              "rotateButton": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": "Info: Select a date that falls after the current date. Dates on or before today are not valid for selection."
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "image5",
                          "displayName": "Image",
                          "description": "Show image files",
                          "defaultSize": {
                            "width": 3,
                            "height": 100
                          },
                          "component": "Image",
                          "exposedVariables": {}
                        },
                        "layouts": {
                          "desktop": {
                            "top": 380,
                            "left": 58.13952912432483,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "ca410b25-e7b7-413f-a01e-cccf62efa204": {
                        "id": "ca410b25-e7b7-413f-a01e-cccf62efa204",
                        "component": {
                          "properties": {
                            "source": {
                              "type": "code",
                              "displayName": "URL",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "alternativeText": {
                              "type": "code",
                              "displayName": "Alternative text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "zoomButtons": {
                              "type": "toggle",
                              "displayName": "Zoom button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "rotateButton": {
                              "type": "toggle",
                              "displayName": "Rotate button",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            }
                          },
                          "styles": {
                            "borderType": {
                              "type": "select",
                              "displayName": "Border type",
                              "options": [
                                {
                                  "name": "None",
                                  "value": "none"
                                },
                                {
                                  "name": "Rounded",
                                  "value": "rounded"
                                },
                                {
                                  "name": "Circle",
                                  "value": "rounded-circle"
                                },
                                {
                                  "name": "Thumbnail",
                                  "value": "img-thumbnail"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "padding": {
                              "type": "code",
                              "displayName": "Padding",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "imageFit": {
                              "type": "select",
                              "displayName": "Image fit",
                              "options": [
                                {
                                  "name": "fill",
                                  "value": "fill"
                                },
                                {
                                  "name": "contain",
                                  "value": "contain"
                                },
                                {
                                  "name": "cover",
                                  "value": "cover"
                                },
                                {
                                  "name": "scale-down",
                                  "value": "scale-down"
                                }
                              ],
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "borderType": {
                                "value": "none"
                              },
                              "padding": {
                                "value": "0"
                              },
                              "visibility": {
                                "value": "{{components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value}}",
                                "fxActive": true
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              },
                              "imageFit": {
                                "value": "contain"
                              },
                              "backgroundColor": {
                                "value": ""
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "source": {
                                "value": "https://www.svgrepo.com/show/450182/info-circle.svg"
                              },
                              "visible": {
                                "value": "{{true}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              },
                              "alternativeText": {
                                "value": ""
                              },
                              "zoomButtons": {
                                "value": "{{false}}"
                              },
                              "rotateButton": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {
                              "tooltip": {
                                "value": "Maximum spend should be greater than or equal to Minimum spend"
                              }
                            },
                            "exposedVariables": {}
                          },
                          "name": "image6",
                          "displayName": "Image",
                          "description": "Show image files",
                          "defaultSize": {
                            "width": 3,
                            "height": 100
                          },
                          "component": "Image",
                          "exposedVariables": {}
                        },
                        "layouts": {
                          "desktop": {
                            "top": 240,
                            "left": 90.69766853643817,
                            "width": 2,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "798a2874-8880-410d-86ca-8466e7a7f53f": {
                        "id": "798a2874-8880-410d-86ca-8466e7a7f53f",
                        "component": {
                          "properties": {},
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "dividerColor": {
                              "type": "color",
                              "displayName": "Divider color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "dividerColor": {
                                "value": "#8888884d"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {},
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "divider4",
                          "displayName": "Divider",
                          "description": "Separator between components",
                          "component": "Divider",
                          "defaultSize": {
                            "width": 10,
                            "height": 10
                          },
                          "exposedVariables": {
                            "value": {}
                          }
                        },
                        "layouts": {
                          "desktop": {
                            "top": 440,
                            "left": 2.3255811419964743,
                            "width": 41,
                            "height": 10
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "ec924236-9797-491e-bca5-6fab6711f2da": {
                        "id": "ec924236-9797-491e-bca5-6fab6711f2da",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Button text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            },
                            "onHover": {
                              "displayName": "On hover"
                            }
                          },
                          "styles": {
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "loaderColor": {
                              "type": "color",
                              "displayName": "Loader color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderRadius": {
                              "type": "number",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [
                              {
                                "eventId": "onClick",
                                "actionId": "run-query",
                                "message": "Hello world!",
                                "alertType": "info",
                                "queryName": "updatePromoCode",
                                "parameters": {}
                              }
                            ],
                            "styles": {
                              "backgroundColor": {
                                "value": "#3e63ddff"
                              },
                              "textColor": {
                                "value": "#fff"
                              },
                              "loaderColor": {
                                "value": "#fff"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "borderColor": {
                                "value": "#3e63ddff"
                              },
                              "disabledState": {
                                "value": "{{(components.dropdown10.value && components.dropdown9.value && components.numberinput8.value < components.numberinput7.value) || !components.datepicker2.isValid}}",
                                "fxActive": true
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "Save"
                              },
                              "loadingState": {
                                "value": "{{queries.updatePromoCode.isLoading}}",
                                "fxActive": true
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "button6",
                          "displayName": "Button",
                          "description": "Trigger actions: queries, alerts, set variables etc.",
                          "component": "Button",
                          "defaultSize": {
                            "width": 3,
                            "height": 30
                          },
                          "exposedVariables": {
                            "buttonText": "Button"
                          },
                          "actions": [
                            {
                              "handle": "click",
                              "displayName": "Click"
                            },
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New Text"
                                }
                              ]
                            },
                            {
                              "handle": "disable",
                              "displayName": "Disable",
                              "params": [
                                {
                                  "handle": "disable",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Visibility",
                              "params": [
                                {
                                  "handle": "visible",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "loading",
                              "displayName": "Loading",
                              "params": [
                                {
                                  "handle": "loading",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 470,
                            "left": 79.0697419241573,
                            "width": 7.000000000000001,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "cb71d470-0254-4fa8-92d9-735a91f5f66e": {
                        "id": "cb71d470-0254-4fa8-92d9-735a91f5f66e",
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Button text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {
                            "onClick": {
                              "displayName": "On click"
                            },
                            "onHover": {
                              "displayName": "On hover"
                            }
                          },
                          "styles": {
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "loaderColor": {
                              "type": "color",
                              "displayName": "Loader color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderRadius": {
                              "type": "number",
                              "displayName": "Border radius",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                },
                                "defaultValue": false
                              }
                            },
                            "borderColor": {
                              "type": "color",
                              "displayName": "Border color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                },
                                "defaultValue": false
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [
                              {
                                "eventId": "onClick",
                                "actionId": "close-modal",
                                "message": "Hello world!",
                                "alertType": "info",
                                "modal": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                              }
                            ],
                            "styles": {
                              "backgroundColor": {
                                "value": "#3e63dd26"
                              },
                              "textColor": {
                                "value": "#3e63ddff"
                              },
                              "loaderColor": {
                                "value": "#3e63ddff"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "borderRadius": {
                                "value": "{{5}}"
                              },
                              "borderColor": {
                                "value": "#3e63ddff"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "Cancel"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "button7",
                          "displayName": "Button",
                          "description": "Trigger actions: queries, alerts, set variables etc.",
                          "component": "Button",
                          "defaultSize": {
                            "width": 3,
                            "height": 30
                          },
                          "exposedVariables": {
                            "buttonText": "Button"
                          },
                          "actions": [
                            {
                              "handle": "click",
                              "displayName": "Click"
                            },
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New Text"
                                }
                              ]
                            },
                            {
                              "handle": "disable",
                              "displayName": "Disable",
                              "params": [
                                {
                                  "handle": "disable",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Visibility",
                              "params": [
                                {
                                  "handle": "visible",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            },
                            {
                              "handle": "loading",
                              "displayName": "Loading",
                              "params": [
                                {
                                  "handle": "loading",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "layouts": {
                          "desktop": {
                            "top": 470,
                            "left": 60.46510115735242,
                            "width": 7,
                            "height": 40
                          }
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226"
                      },
                      "56e0a58d-9738-41fb-bfb2-d4c1165c75f9": {
                        "component": {
                          "properties": {
                            "text": {
                              "type": "code",
                              "displayName": "Text",
                              "validation": {
                                "schema": {
                                  "type": "union",
                                  "schemas": [
                                    {
                                      "type": "string"
                                    },
                                    {
                                      "type": "number"
                                    }
                                  ]
                                }
                              }
                            },
                            "loadingState": {
                              "type": "toggle",
                              "displayName": "Show loading state",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "general": {
                            "tooltip": {
                              "type": "code",
                              "displayName": "Tooltip",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            }
                          },
                          "others": {
                            "showOnDesktop": {
                              "type": "toggle",
                              "displayName": "Show on desktop"
                            },
                            "showOnMobile": {
                              "type": "toggle",
                              "displayName": "Show on mobile"
                            }
                          },
                          "events": {},
                          "styles": {
                            "fontWeight": {
                              "type": "select",
                              "displayName": "Font weight",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "bold",
                                  "value": "bold"
                                },
                                {
                                  "name": "lighter",
                                  "value": "lighter"
                                },
                                {
                                  "name": "bolder",
                                  "value": "bolder"
                                }
                              ]
                            },
                            "decoration": {
                              "type": "select",
                              "displayName": "Text decoration",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "overline",
                                  "value": "overline"
                                },
                                {
                                  "name": "line-through",
                                  "value": "line-through"
                                },
                                {
                                  "name": "underline",
                                  "value": "underline"
                                },
                                {
                                  "name": "overline underline",
                                  "value": "overline underline"
                                }
                              ]
                            },
                            "transformation": {
                              "type": "select",
                              "displayName": "Text transformation",
                              "options": [
                                {
                                  "name": "none",
                                  "value": "none"
                                },
                                {
                                  "name": "uppercase",
                                  "value": "uppercase"
                                },
                                {
                                  "name": "lowercase",
                                  "value": "lowercase"
                                },
                                {
                                  "name": "capitalize",
                                  "value": "capitalize"
                                }
                              ]
                            },
                            "fontStyle": {
                              "type": "select",
                              "displayName": "Font style",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "italic",
                                  "value": "italic"
                                },
                                {
                                  "name": "oblique",
                                  "value": "oblique"
                                }
                              ]
                            },
                            "lineHeight": {
                              "type": "number",
                              "displayName": "Line height"
                            },
                            "textIndent": {
                              "type": "number",
                              "displayName": "Text indent"
                            },
                            "letterSpacing": {
                              "type": "number",
                              "displayName": "Letter spacing"
                            },
                            "wordSpacing": {
                              "type": "number",
                              "displayName": "Word spacing"
                            },
                            "fontVariant": {
                              "type": "select",
                              "displayName": "Font variant",
                              "options": [
                                {
                                  "name": "normal",
                                  "value": "normal"
                                },
                                {
                                  "name": "small-caps",
                                  "value": "small-caps"
                                },
                                {
                                  "name": "initial",
                                  "value": "initial"
                                },
                                {
                                  "name": "inherit",
                                  "value": "inherit"
                                }
                              ]
                            },
                            "textSize": {
                              "type": "number",
                              "displayName": "Text size",
                              "validation": {
                                "schema": {
                                  "type": "number"
                                }
                              }
                            },
                            "backgroundColor": {
                              "type": "color",
                              "displayName": "Background color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textColor": {
                              "type": "color",
                              "displayName": "Text color",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "textAlign": {
                              "type": "alignButtons",
                              "displayName": "Align text",
                              "validation": {
                                "schema": {
                                  "type": "string"
                                }
                              }
                            },
                            "visibility": {
                              "type": "toggle",
                              "displayName": "Visibility",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            },
                            "disabledState": {
                              "type": "toggle",
                              "displayName": "Disable",
                              "validation": {
                                "schema": {
                                  "type": "boolean"
                                }
                              }
                            }
                          },
                          "validate": true,
                          "generalStyles": {
                            "boxShadow": {
                              "type": "boxShadow",
                              "displayName": "Box Shadow"
                            }
                          },
                          "definition": {
                            "others": {
                              "showOnDesktop": {
                                "value": "{{true}}"
                              },
                              "showOnMobile": {
                                "value": "{{false}}"
                              }
                            },
                            "events": [],
                            "styles": {
                              "backgroundColor": {
                                "value": "#8888881a"
                              },
                              "textColor": {
                                "value": "#000000"
                              },
                              "textSize": {
                                "value": "{{16}}"
                              },
                              "textAlign": {
                                "value": "left"
                              },
                              "fontWeight": {
                                "value": "normal"
                              },
                              "decoration": {
                                "value": "none"
                              },
                              "transformation": {
                                "value": "none"
                              },
                              "fontStyle": {
                                "value": "normal"
                              },
                              "lineHeight": {
                                "value": 1.5
                              },
                              "textIndent": {
                                "value": 0
                              },
                              "letterSpacing": {
                                "value": 0
                              },
                              "wordSpacing": {
                                "value": 0
                              },
                              "fontVariant": {
                                "value": "normal"
                              },
                              "visibility": {
                                "value": "{{true}}"
                              },
                              "disabledState": {
                                "value": "{{false}}"
                              }
                            },
                            "generalStyles": {
                              "boxShadow": {
                                "value": "0px 0px 0px 0px #00000040"
                              }
                            },
                            "properties": {
                              "text": {
                                "value": "&nbsp;&nbsp;{{components.table1.selectedRow.promo_code}}"
                              },
                              "loadingState": {
                                "value": "{{false}}"
                              }
                            },
                            "general": {},
                            "exposedVariables": {}
                          },
                          "name": "text49",
                          "displayName": "Text",
                          "description": "Display text or HTML",
                          "component": "Text",
                          "defaultSize": {
                            "width": 6,
                            "height": 30
                          },
                          "exposedVariables": {
                            "text": "Hello, there!"
                          },
                          "actions": [
                            {
                              "handle": "setText",
                              "displayName": "Set Text",
                              "params": [
                                {
                                  "handle": "text",
                                  "displayName": "Text",
                                  "defaultValue": "New text"
                                }
                              ]
                            },
                            {
                              "handle": "visibility",
                              "displayName": "Set Visibility",
                              "params": [
                                {
                                  "handle": "visibility",
                                  "displayName": "Value",
                                  "defaultValue": "{{false}}",
                                  "type": "toggle"
                                }
                              ]
                            }
                          ]
                        },
                        "parent": "e7a57306-3d46-41e2-b240-2fc6b5f20226",
                        "layouts": {
                          "desktop": {
                            "top": 30,
                            "left": 25.58139644141283,
                            "width": 30,
                            "height": 40
                          }
                        },
                        "withDefaultChildren": false
                      },
                      "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": ""
              },
              "pageSettings": {
                "properties": {
                  "disableMenu": {
                    "value": "{{true}}",
                    "fxActive": false
                  }
                }
              },
              "showViewerNavigation": false,
              "homePageId": "aa21c135-4fa3-4734-8d60-3400c139845b",
              "appId": "318b79a1-0f2d-4489-8859-02f20781aa6d",
              "currentEnvironmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "promotedFrom": null,
              "createdAt": "2024-04-30T08:26:07.289Z",
              "updatedAt": "2024-05-09T06:13:24.100Z"
            }
          ],
          "appEnvironments": [
            {
              "id": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430",
              "name": "development",
              "isDefault": false,
              "priority": 1,
              "enabled": true,
              "createdAt": "2024-03-05T16:20:57.697Z",
              "updatedAt": "2024-03-05T16:20:57.697Z"
            },
            {
              "id": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430",
              "name": "staging",
              "isDefault": false,
              "priority": 2,
              "enabled": true,
              "createdAt": "2024-03-05T16:20:57.697Z",
              "updatedAt": "2024-03-05T16:20:57.697Z"
            },
            {
              "id": "221e0d7b-74d7-4298-a813-bf272122a378",
              "organizationId": "9ff53e53-885b-440c-afe0-1aeffd56c430",
              "name": "production",
              "isDefault": true,
              "priority": 3,
              "enabled": true,
              "createdAt": "2024-03-05T16:20:57.697Z",
              "updatedAt": "2024-03-05T16:20:57.697Z"
            }
          ],
          "dataSourceOptions": [
            {
              "id": "a221cd3d-d479-4031-a49c-a4abb5341931",
              "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.364Z",
              "updatedAt": "2024-04-30T08:26:07.364Z"
            },
            {
              "id": "ae7644a3-e0e1-4965-baad-c9405a6ceeec",
              "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.364Z",
              "updatedAt": "2024-04-30T08:26:07.364Z"
            },
            {
              "id": "a7c710cd-b208-4384-a0b6-c195cea42b38",
              "dataSourceId": "4d044a09-7f5a-400a-8a8d-1fe4b75a63a6",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.364Z",
              "updatedAt": "2024-04-30T08:26:07.364Z"
            },
            {
              "id": "8e96b5cd-3e4b-42a2-b94b-a3d91b165b25",
              "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.378Z",
              "updatedAt": "2024-04-30T08:26:07.378Z"
            },
            {
              "id": "ed66156f-aee8-43d4-848d-5715db708ea9",
              "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.378Z",
              "updatedAt": "2024-04-30T08:26:07.378Z"
            },
            {
              "id": "f9f00289-81c2-4d86-9666-ba62de462dbf",
              "dataSourceId": "00acc2f5-2909-4f82-8dcf-26ed04ee5f09",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.378Z",
              "updatedAt": "2024-04-30T08:26:07.378Z"
            },
            {
              "id": "2c05f376-5817-4e16-a3fd-1e491a9ccbdf",
              "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.391Z",
              "updatedAt": "2024-04-30T08:26:07.391Z"
            },
            {
              "id": "74fa1f18-5508-4cae-b850-84f297c2137e",
              "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.391Z",
              "updatedAt": "2024-04-30T08:26:07.391Z"
            },
            {
              "id": "46a21273-802f-446f-b21b-70ba52f8906a",
              "dataSourceId": "0735bcf3-c982-431c-aae8-16056d740138",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.391Z",
              "updatedAt": "2024-04-30T08:26:07.391Z"
            },
            {
              "id": "58357fd2-e8c1-44c4-ab37-3d49f5bc295f",
              "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.404Z",
              "updatedAt": "2024-04-30T08:26:07.404Z"
            },
            {
              "id": "cf8cb4a4-885a-49a6-b2ae-23ba52090a6f",
              "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.404Z",
              "updatedAt": "2024-04-30T08:26:07.404Z"
            },
            {
              "id": "8618e34b-9d2f-42ba-ac39-911022d9030f",
              "dataSourceId": "98a8d55d-08f3-4259-9471-b63d68f47d01",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.404Z",
              "updatedAt": "2024-04-30T08:26:07.404Z"
            },
            {
              "id": "f60d3998-7130-449a-98e7-59330b7868c0",
              "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.420Z",
              "updatedAt": "2024-04-30T08:26:07.420Z"
            },
            {
              "id": "5db3b6ea-0af8-4b6d-8d66-bfb76f46b4c8",
              "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.420Z",
              "updatedAt": "2024-04-30T08:26:07.420Z"
            },
            {
              "id": "35195702-1967-4966-9cf6-108c17d534bf",
              "dataSourceId": "cad3f255-b707-47e5-894f-5900c64b8ce0",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": null,
              "createdAt": "2024-04-30T08:26:07.421Z",
              "updatedAt": "2024-04-30T08:26:07.421Z"
            },
            {
              "id": "8810c2a4-a777-406c-a209-dcc7d458c677",
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "environmentId": "69a3f3ce-da3b-422a-8ebf-e86683b55125",
              "options": {
                "host": {
                  "value": "35.202.183.199",
                  "encrypted": false
                },
                "port": {
                  "value": 5432,
                  "encrypted": false
                },
                "database": {
                  "value": "sugam_template",
                  "encrypted": false
                },
                "password": {
                  "encrypted": true,
                  "credential_id": "3db74358-2372-4b4e-8777-390f711b434e"
                },
                "username": {
                  "value": "postgres",
                  "encrypted": false
                },
                "ssl_enabled": {
                  "value": false,
                  "encrypted": false
                },
                "connection_type": {
                  "value": "manual",
                  "encrypted": false
                },
                "ssl_certificate": {
                  "value": "none",
                  "encrypted": false
                }
              },
              "createdAt": "2024-04-30T08:26:07.734Z",
              "updatedAt": "2024-05-01T06:07:27.247Z"
            },
            {
              "id": "2ccc264d-12b1-4f9e-8369-f6900be42887",
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "environmentId": "73178592-f0e3-44f8-ae98-f06b75c04fcb",
              "options": {
                "host": {
                  "value": "35.202.183.199",
                  "encrypted": false
                },
                "port": {
                  "value": 5432,
                  "encrypted": false
                },
                "database": {
                  "value": "sugam_template",
                  "encrypted": false
                },
                "password": {
                  "encrypted": true,
                  "credential_id": "3db74358-2372-4b4e-8777-390f711b434e"
                },
                "username": {
                  "value": "postgres",
                  "encrypted": false
                },
                "ssl_enabled": {
                  "value": false,
                  "encrypted": false
                },
                "connection_type": {
                  "value": "manual",
                  "encrypted": false
                },
                "ssl_certificate": {
                  "value": "none",
                  "encrypted": false
                }
              },
              "createdAt": "2024-04-30T08:26:07.745Z",
              "updatedAt": "2024-05-01T06:07:27.248Z"
            },
            {
              "id": "1fb0c169-7e24-4bd4-9cf6-4605568cdee2",
              "dataSourceId": "237e4de0-9283-48b0-b69a-07b5cdd68ac8",
              "environmentId": "221e0d7b-74d7-4298-a813-bf272122a378",
              "options": {
                "host": {
                  "value": "35.202.183.199",
                  "encrypted": false
                },
                "port": {
                  "value": 5432,
                  "encrypted": false
                },
                "database": {
                  "value": "sugam_template",
                  "encrypted": false
                },
                "password": {
                  "encrypted": true,
                  "credential_id": "3db74358-2372-4b4e-8777-390f711b434e"
                },
                "username": {
                  "value": "postgres",
                  "encrypted": false
                },
                "ssl_enabled": {
                  "value": false,
                  "encrypted": false
                },
                "connection_type": {
                  "value": "manual",
                  "encrypted": false
                },
                "ssl_certificate": {
                  "value": "none",
                  "encrypted": false
                }
              },
              "createdAt": "2024-04-30T08:26:07.808Z",
              "updatedAt": "2024-05-01T06:07:27.248Z"
            }
          ],
          "schemaDetails": {
            "multiPages": true,
            "multiEnv": true,
            "globalDataSources": true
          }
        }
      }
    }
  ],
  "tooljet_version": "3.0.16-cloud-lts"
}